実現したいこと
TCDのWordPressテーマ「ICONIC(デモサイト: https://demo.tcd-theme.com/tcd062/ )」の商品ページの下部に独自のコンテンツを追加したい。
前提
TCDのWordPressテーマ「ICONIC(デモサイト: https://demo.tcd-theme.com/tcd062/ )」を使っています。
このテーマには、次のような商品ページがあります。
https://demo.tcd-theme.com/tcd062/2018/08/24/item0050/
このページは、Welcart Shopというプラグインを使って生成されています。
このページの下部(メインコンテンツとフッターの間)にコンテンツを追加したいのですが、どうしてもうまくいきません。
メインコンテンツの中にある「商品詳細/備考」と書かれたタブ表示の下にはコンテンツが挿入できない仕様になっているからです。
Welcartで編集できるのはタブ表示より上の部分のみとなっています。
※このタブ表示機能はテーマ「ICONIC」特有のもののようです
「コンテンツ下」のようなウィジェットエリアもないため、ウィジェットを使ってコンテンツを追加することもできません。
この場合、どのようにしたら、ページ下部にコンテンツを追加できるでしょうか?
ちなみに、商品ページごとに異なるコンテンツを追加できるようにしたいと思っています。
何かよい方法があれば教えてください。
よろしくお願いします。
該当のソースコード
以下のコードは、編集したい商品ページ( https://demo.tcd-theme.com/tcd062/2018/08/24/item0050/ )のソースコードです。このソースコードの</article>の上ぐらいにコンテンツを挿入できればと考えています。
<div class="p-entry-item__tabs-container"> <input type="radio" id="item-tab--1" name="item-tab" class="tab-radio tab-radio--1" checked='checked'><input type="radio" id="item-tab--2" name="item-tab" class="tab-radio tab-radio--2"> <ul class="p-entry-item__tabs p-entry-item__body"> <li class="tab-label--1"><label for="item-tab--1">商品詳細</label></li> <li class="tab-label--2"><label for="item-tab--2">備考</label></li> </ul> <div class="p-entry-item__tab-content p-entry-item__tab-content--1 p-entry__body p-entry-item__body"> <table class="p-entry-item__spec-table"><tr><th><p>材質</p> </th><td><p>ラタン材</p> </td></tr></table> </div> <div class="p-entry-item__tab-content p-entry-item__tab-content--2 p-entry__body p-entry-item__body"> <p>この商品は2点セットです。</p> </div> </div> </article>
試したこと
以下の方法は試しましたが、どれもうまくいきませんでした。
・Welcart Shopの商品登録情報から編集する(編集不可)
・TCDテーマ「ICONIC」の機能を使って編集する(編集不可)
・ウィジェットエリアを追加できるプラグイン「Tabs Responsive」の導入(新しいウィジェットエリアを作成しましたが、Welcart Shopの商品編集ページ上にそもそもウィジェットエリアに関する設定項目がなく、適用できませんでした)
補足情報
テーマファイルのコードを編集する方法が何かあるのではないかと思っていますが、あまりテーマファイルの編集に慣れていないため、知識やスキルがある方にぜひ教えていただきたいです。
よろしくお願いします。

バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/06/23 12:46