옥토버CMS를 통한 EC 웹사이트 제작(Shopaholic 편2: 제품 등록 & 표시)

저번 Shoopaholic을 composer로 설치하는 방법을 설명한다.
이번 등록 제품은 전방 사이트에 제품이 표시되는 곳을 설명한다.

제품 등록


Catalog 메뉴에서 제품을 등록할 수 있습니다.
URL URL에 제품을 식별하는 고유한 키를 삽입합니다.다음 절에서 언급한 것은 slug이다.
다음은 Offer 정보입니다.
Products 로그인 화면에는 등록 가격이 있는 곳이 없습니다.가격은 오프퍼가 관리하기 때문이다.
오프퍼는 조건에 따라 동일한 제품에 서로 다른 가격 설정을 등록하기 위한 것이다.
예를 들어 세트 구매의 경우 가격이 비교적 싸다고 볼 수 있다.
따라서 Offers 태그에서 가격을 등록합니다.

제품 표시

ProductPage 어셈블리 또는 ProductData 어셈블리를 사용하여 표시합니다.
이것들은 단지 ProductPage 속성으로 제품을 지정하고 slug ID를 ProductData 방법으로 제품의 차이를 지정하는 것(솔직히 나는 이 두 가지 뜻을 잘 모르겠다).
어떤 것을 사용할 수 있는지 Product 페이지 문서에서 빌려온 샘플 코드(약간 보충한)는 다음과 같다.
title = "Product"
url = "/product/:slug"
layout = "default"
is_hidden = 0

[ProductPage]
slug = "{{ :slug }}"
==

{# Get product item #}
{% set obProduct = ProductPage.get() %}
<div data-id="{{ obProduct.id }}">
    <h1>{{ obProduct.name }}</h1>
    {% if obProduct.preview_image is not empty %}
        <img src="{{ obProduct.preview_image.path }}" title="{{ obProduct.preview_image.title }}" alt="{{ obProduct.preview_image.description }}">
    {% endif %}
    <span>Category: {{ obProduct.category.name }}</span>
    <span>Brand: {{ obProduct.brand.name }}</span>
    <span>Brand: {{ obProduct.brand.name }}</span>
    {% set obOffer = obProduct.offer.first() %}
    {% if obOffer.isNotEmpty()%}  
        <span>Price: {{ obOffer.price }} {{ obOffer.currency }}</span>
    {% endif %}
    <div>{{ obProduct.description|raw }}</div>
</div>
다음에 카트에 물건을 넣을 때까지.

좋은 웹페이지 즐겨찾기