手作り石鹸のネットショップです。

商品詳細ページのレイアウト切替方法

ご注意:こちらの設定方法は上級者モードでのご案内になります。初心者モードをご利用中の場合は、上級者モードへの切替をお願いいたします。【切替方法はこちら

SHELF(有料版)では商品詳細ページのレイアウトが2パターン用意されていますので、どちらかお好みご利用いただく事が可能です。ここでは商品詳細ページのレイアウト切替方法を解説します。

  1. 管理画面から[ショップ作成] → [デザイン設定] → ご利用中のテンプレートの[デザイン編集]から商品詳細の[HTML/CSS編集]をクリック。
  2. 下記を変更します。テンプレートをダウンロードいただいた段階では【商品画像が上、商品情報・カートボタンが下】のレイアウトになっています。
    (ページ内検索にて「商品詳細ページのレイアウト切替」で探すと便利です。)

    変更箇所:「value=1」 又は 「value=2」 を指定します。
    <{assign var="layout_type" value=1}>

    value=1の場合:商品画像が上、商品情報・カートボタンが下

    パターン1 商品画像が上、商品情報・カートボタンが下

    value=2の場合:商品画像が左、商品情報・カートボタンが右

    パターン1 商品画像が上、商品情報・カートボタンが下
  3. 変更しましたら、[更新]ボタンをクリック。
  4. サイトにアクセスして変更が反映されている事を確認します。