FROM CACHE - jp_header
解決済

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

emitrad
観光客
14 0 1

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

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

emitrad_0-1619226081125.png

 

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

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

 

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <meta name="" content="">
    </head>

    <body>
    </body>
 
よろしくお願い致します。
1 件の受理された解決策
Jizo_Inagaki
Shopify Partner
990 373 690

成功

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

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

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

商品説明文の出力箇所

</div>

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

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

元の投稿で解決策を見る

4件の返信4

Jizo_Inagaki
Shopify Partner
990 373 690

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

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

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

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

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

Jizo_Inagaki
Shopify Partner
990 373 690

成功

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

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
観光客
14 0 1

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

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