HTMLを編集することで、名入れの表示される位置をバリエーションの後方に変えることができます。
<PC>
<スマホ>
名入れオプションの位置を変更するには、
(1)バリエーションの表示形式がSKU(項目ごとに表示)の場合
(2)バリエーションの表示形式がプルダウンの場合
(3)バリエーションがない場合
の3か所の条件の位置にソースの追記が必要です。
作業の前にバックアップを保管し、元の状態に戻せるように準備したうえで編集をおこなってください。
ショップデザイン / テンプレート選択・編集 / クリエイターモード / 商品詳細 「HTML」
ソース入力欄内に一度カーソルを置いた状態で、キーボードのCtrlとFキーを同時に押し表示される検索窓に
名入れ
と入力し、キーボードのEnterキーを押して以下のHTMLを見つけてください。
<{if $item.is_name_print}>
<!--名入れ-->
<div class="nameprint-area">
<{if $item.name_print.has_item}>
<p class="nameprint-description"><{$item.name_print.description}></p>
<{section name=i loop=$item.name_print.list}>
<div class="nameprint-title-wrap">
<p class="nameprint-title"><{$item.name_print.list[i].title}><{if $item.name_print.list[i].is_required}><span>※必須</span><{/if}></p>
</div>
<div class="nameprint-text-wrap">
<p class="nameprint-text"><{$item.name_print.list[i].html}></p>
<p class="nameprint-total">最大<{$item.name_print.list[i].total_max}>文字/<{$item.name_print.list[i].row_max}>行まで</p>
<p class="nameprint-character">利用可能文字:<{$item.name_print.list[i].character_type}></p>
</div>
<{/section}>
<{/if}>
</div>
<{/if}> 上記をコピーし、HTMLエディタにペーストしておいてください。(★)
コピー後、上記のソースは「HTML」欄からは削除してください。
(1)ソース入力欄内に一度カーソルを置いた状態で、キーボードのCtrlとFキーを同時に押し表示される検索窓に
オプションなしの定期購入
と入力(コピー&ペースト)し、キーボードのEnterキーを押して以下の記述を見つけてください。
<!--オプションなしの定期購入--> この行の前(上)の位置に、(★)のHTMLをコピー&ペーストしてください。
(2)同様に、キーボードのCtrlとFキーを同時に押し表示される検索窓に
プルダウン表示の定期購入
と入力し、キーボードのEnterキーを押して以下の記述を見つけてください。
<!--プルダウン表示の定期購入-->この行の前(上)の位置に、(★)のHTMLをコピー&ペーストしてください。
(3)同様に、キーボードのCtrlとFキーを同時に押し表示される検索窓に
</table>
と入力(コピー&ペースト)し、キーボードのEnterキーを押して以下の記述を見つけてください。
<{/section}>
</table>
<{else}>
<!--プルダウン表示-->この行の後ろの位置
<{/section}>
</table>
★この位置★
<{else}>
<!--プルダウン表示-->★この位置★ に、(★)のHTMLをコピー&ペーストし、保存してください。
<関連記事>
【クリエイターモード】テンプレートBRothersで、商品詳細ページの商品説明の位置を後方に変えることはできますか。


