2016-10-04から1日間の記事一覧
HOMEに商品を表示させる newsletter/views.py の編集 ここで編集するのは2つ。 products = Product.objects.all() を、context is_authenticated の箇所を削除する。 def home(request): title = 'Sign Up Now' featured_image = ProductFeatured.objects.f…
Shopping Cartのアイコンを設定する。 navbar.htmlを編集する。 <ul class="nav navbar-nav navbar-right"> <li> <a href='#'><span class='badge'>0</span><i class="fa fa-shopping-cart" aria-hidden="true"></i></a> </li> カートのアイコンは、font awesomeから持ってくる。 ポイントは、<span class='badge'>0</span> 。ここに、カートのアイテム数をcontextなどで渡せば、表示できる。 css …</ul>
Dropdown menu にログインボタンをつける navbar.html を編集する。 コメントアウトしていたdropdown を元に戻す。 以下のような感じで、dropdown listの中に入れてみる。 <ul class="nav navbar-nav navbar-right"> {% if request.user.is_authenticated %} <li><a href="{% url 'auth_logout' %}">Logout</a></li> {% else %} <li><a href="{% url 'registration_register' %}">R…</a></li></ul>
フィーチャーされた商品の表示 models.py に、ProductFeatured のclassを追加する。 def image_upload_to_featured(instance, filename): title = instance.product.title slug = slugify(title) basename, file_extension = filename.split(".") new_filena…
Django Thumbnailを別のテンプレートに移す。 product_thumbnail.html を作成する。 product_list.htmlのthumbnailの機能のコードをproduct_thumbnail.htmlにコピペする。 <div class="thumbnail text-center"> <h4><a href='{{ product.get_absolute_url }}'>{{ product.title }}</a></h4> {% if product.get_image_url %} </div>
UIを修正する product_detai.html を修正 bootstrapのこのCustomContentのThumbnailを使っていく。 とりあえず、exampleをそのまま貼り付け {% for product in related %} <div class="thumbnail"> <img src="..." alt="..."> <div class="caption"> <h3>Thumbnail label</h3> <p>...</p> <p><a href="#" class="btn btn-primary" role="button">Button</a> </p></div></div>