Liquid、JavaScriptなどに関する質問
表題通りの質問です。
よろしくお願いいたします。
テーマのカスタマイズで商品ページに行くと、標準ページの下にテンプレート作成があるので、それで商品ごとのテンプレートを作成したのちに、商品詳細でそのテンプレートを選択すれば、その商品だけ別テンプレートで表示できます。その新しく作ったテンプレートのコード内でリッチエディタのHTMLにコード挿入することは可能かと思います。
問題の内容がよくわかってないのですが、リッチエディタで作ったと部分とは、商品説明の部分をことを指してますか?
あとは、商品説明ではないですが、メタフィールドには、Liquid codeも持てますので、そちらを使った方がお望みの実装になるかもしれません。
説明不足で失礼しました。
おっしゃる通り、商品説明のエディタのことを指しています。
wordpressでいうところのTinyMCE Templatesのような仕組みが希望です。
事前に作った雛形コードを登録しておいて、エディタないで選択すると挿入できる仕組みになります。
商品説明のエディタに何か機能を追加することはできません。
テーマのLiquid側で整形するか、(例えば、商品説明を指摘したテンプレートに当てはめるセクションを作るとか)、管理画面の商品編集画面に、商品説明を独自に加工できるアプリを作るか(この機能のためだけにアプリを作るのはオーバースペックな気がしますが)だと思います。
横から失礼します。
独自で作って登録したテンプレートコード
上記が理解できず自信はありませんが、単に「任意のHTMLコードを商品説明欄に入れる」ということであれば、ブラウザのブックマークレットで実現できるかなと思います。
以前別のCMS用に作成したことがあるので試作してみましたが、商品説明欄で「HTMLを表示する」ボタン(「<>」)をクリックしてHTML表示にした状態で、以下のブックマークレットを実行するとHTMLが追加されることが確認できるかと思います。
javascript: (() => {
const elem = document.getElementById('product-description');
elem.value = elem.value + '<h1>H1見出し</h1>';
})();
[追記]
シンタックスハイライト内で「:」が「:」に変換されるようで直せませんでした。
1行目内の「:」は「:」に読み替えてください。
JSやブックマークレットの詳細に関しましては、Googleなどで検索したりいろいろ試作して確認いただければと思います。
以上ですが、趣旨が違ったり動作しない場合は申し訳ありません。
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024