カスタムリキッド｜SHOP Builder

高度なページを編集する際に「カスタムリキッド」パーツを追加して、カスタマイズされたテキストを挿入できます。自分でHTMLスクリプトを挿入するか、SHOPLINEが提供するリキッドコードを参照できます。
 

この記事では以下の内容を扱います：

• カスタムリキッドパーツの追加
• 注意事項

⚠️ 始める前に：

• ショップビルダーは現在、ウルトラシック、キングスマン、ヴァーム、フィリアのテーマのみをサポートしています。
• ショップビルダーを使用してページを作成した後、他のテーマに切り替えてもページは表示されますが、編集できず、レイアウトが崩れる可能性があります。ページを公開する前にこの点に注意してください。

1. カスタムリキッドパーツの追加

ステップ 1

SHOPLINE管理画面に進み、> [オンラインストアデザイン] > [ページ] をクリックし、高度なページ/編集をクリックして高度なページ設定ページを開きます。

 

ステップ 2

 パーツボタンをクリックします。

ステップ 3

「拡張」セクションの下にあるカスタムリキッドパーツをクリックします。


 

ステップ 4

「リキッド」セクションにカスタマイズされたテキストを挿入します。標準テキスト、HTMLスクリプト、またはリキッドコードを挿入できます。

リキッドの作業経験がある場合、以下の4種類のリキッドコードを挿入できます：

Ａ. ストア

英語 / en
中文 / zh-hant
简中/ zh-cn
ไทย / th
Tiếng Việt / vn
日本 / jp
Melayu / my
bahasa Indonesia / id
Deutsch / de
Français / fr

{% if shop.current_locale.code == "en" %}
コンテンツ 1
{% elsif shop.current_locale.code == "zh-hant" %}
コンテンツ 2
{% else %}
コンテンツ 3（英語と中国語以外の言語）
{% endif %}

B. ページ

C. テーマ

ステップ5

設定中に、下部の保存ボタンをクリックすると、追加したカスタムリキッドパーツのプレビュー画面が右側に表示されます。モバイル版でもプレビューできます。

または、右上のプレビューボタンをクリックして、完全なストアフロントを表示します。

ステップ6

上記が完了したら、公開ボタンをクリックすると、顧客はストアフロントのこのページで追加したコンテンツを見ることができます。

 

2. 注意事項

• システムは、セキュリティやオンラインストアのアーキテクチャに影響を与える可能性のあるHTMLの一部に影響を与えないように、特定のリキッドをフィルタリングまたはブロックします。
• 予期しない問題を避けるために、プロにリキッドをカスタマイズしてもらうことをお勧めします。
• SHOPLINEは、リキッドに関するガイドラインやアドバイスを提供していません。

編集前の注意：

SHOPLINEは、システムとデザインの定期的な更新が必要なオンラインプラットフォームであるため、ウェブサイトの更新によってカスタムリキッドに発生する問題については責任を負いません。SHOPLINEは、オンラインストアが正常に機能していることを確認するために、ページを頻繁にチェックすることをお勧めします。

詳細を読む

• Instagramウィジェット | ショップビルダー
• 定期購入ウィジェット | ショップビルダー