技術的なQ＆A

emitrad · ‎04-23-2021

初歩的な質問で申し訳ないのですが、、

商品ページ編集で、商品説明のHTML編集はどのような書き出しにしたらいいのでしょうか？

商品タイトルはH1タグとされると何かのブログで見たのですが、基本的構造も含めて教えていただきたいです。

また下記のようなコードは必要でしょうか？

<!doctype html>

<head>

</head>

<body>

</body>

よろしくお願い致します。

Jizo_Inagaki · ‎04-27-2021

確認いただきありがとうございます。

bodyタグ以下といいますか、商品説明分のみ、と考えていただいた方が良いように思います。
実際に開発者ツールかソース表示で確認いただきたいのですが、デモストア( https://themes.shopify.com/themes/supply/styles/blue/preview )で確認したところ以下のdivタグ内が出力箇所だと思われましたので。

<div class="product-description rte" itemprop="description">

商品説明文の出力箇所

</div>

HTMLを書かれる場合はこの中に入る前提で構成いただければと思います。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

Jizo_Inagaki · ‎04-27-2021

商品ページのHTML構造はテーマ次第なので一概には言えず、厳密に構造を理解して入力したいという場合は、入力内容がどのように反映されるのかを開発者ツールなどで確認されることお勧めします。

ただ、記載されているようなheadやbodyタグに関してはまず必要ないはずです。
そのため通常は「説明」欄に商品説明文のみを入力する形になると思います。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

emitrad · ‎04-27-2021

お教えいただきありがとうございます。

テーマはSupplyを使用しております。headやbodyタグが必要無いこと承知致しました。それではHTMLコードで入力するとしても、bodyタグ以下を記入していけばいいということですね。

Jizo_Inagaki · ‎04-27-2021

確認いただきありがとうございます。

bodyタグ以下といいますか、商品説明分のみ、と考えていただいた方が良いように思います。
実際に開発者ツールかソース表示で確認いただきたいのですが、デモストア( https://themes.shopify.com/themes/supply/styles/blue/preview )で確認したところ以下のdivタグ内が出力箇所だと思われましたので。

<div class="product-description rte" itemprop="description">

商品説明文の出力箇所

</div>

HTMLを書かれる場合はこの中に入る前提で構成いただければと思います。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

emitrad · ‎04-27-2021

そういうことですね、良くわかりました。確認して進めていきたいと思います。

この度はご丁寧にありがとうございました。

技術的なQ＆A

商品ページのHTML編集について

コミュニティ・ブログ記事

Shopify コミュニティ

サポート

Shopify コミュニティ

クイックリンク