SOY Shopで各商品は表示する詳細ページを一つしか設定できません。

さらに子商品は詳細ページで表示することができません。

しかし、商品によっては

・PC用とモバイル用のような表示方法の使い分け

・キャンペーン中の商品で派手な詳細ページを用意したい

・子商品を他の商品と同じように詳細ページで表示したい

という状況があるかもしれません。

ここでは、

詳細ページを設定した商品を、

設定したページ以外で表示する方法を説明します。

設定した詳細ページ以外のページで商品を表示するためには、

商品詳細表示プラグインを利用します。

支払い方法や配送方法を設定する

このプラグインはナビゲーションページかフリーページを商品詳細ページの代わりに動作させるプラグインで、

ナビゲーションページを作成し、おすすめ商品を表示する

フリーページを活用する

URLの末尾にある商品ID.htmlから商品を特定し、

その商品の情報とカートに入れるボタンを表示させることができるようになります。

(.htmlの記載は必ず必要ではない)

設定方法は、

最初にフリーページ、またはナビゲーションページのテンプレートを追加して

<!-- block:id="item_by_alias" -->
<div id="itemdetail">
  <p><img cms:id="item_large_image" /></p>
  <h3 cms:id="item_name">商品名</h3>
  <p cms:id="item_price">商品の価格</p>
  <table>
    <tr>
      <th scope="row">商品名</th>
      <td cms:id="item_name*">商品名</td>
    </tr>
    <tr>
      <th scope="row">商品コード</th>
      <td cms:id="item_code">mame_002</td>
    </tr>
    <tr>
      <th scope="row">販売価格（税込）</th>
      <td cms:id="item_price*">300</td>
    </tr>
    <tr>
      <th scope="row">割引率</th>
      <td>
        <!-- cms:id="item_discount_percentage" -->
        30
        <!-- /cms:id="item_discount_percentage" -->
        % OFF
      </td>
    </tr>
  </table>
  <p><a cms:id="item_cart_link">カートに入れる</a></p>
</div>
<!-- /block:id="item_by_alias" -->

上記のように記載してください。

次に

作成した詳細ページにとばすためのリンクを商品一覧ページに設定します。

<!-- block:id="item_list" -->

<a href="/ショップID/ページURL/<!-- cms:id="item_alias" /-->">詳細はこちら</a>

<!-- /block:id="item_list" -->

これで設定は終了です。

Tweet