Djangoroidの奮闘記

python,django,angularJS1~三十路過ぎたプログラマーの奮闘記

2016-10-04から1日間の記事一覧

Django e-commerce part34 Product Lists on Hompage

HOMEに商品を表示させる newsletter/views.py の編集 ここで編集するのは2つ。 products = Product.objects.all() を、context is_authenticated の箇所を削除する。 def home(request): title = 'Sign Up Now' featured_image = ProductFeatured.objects.f…

Django e-commerce part33 Shopping Cart Icon

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>

Django e-commerce part32 Login as Dropdown Menu

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>

Django e-commerce part31 Featured Product on Homepage

フィーチャーされた商品の表示 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 e-commerce part30 Django Template Include with Variable

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>

Django e-commerce part29 Improve UI

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>