採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマEGO:商品詳細ページを1カラムレイアウトで表示する方法

Q.商品詳細ページのレイアウトでサイドバーを無くし1カラムのデザインにする設定にすることは可能でしょうか。

テーマ仕様といたしましては、「商品」詳細ページではサイドバーを表示する2カラムのレイアウト仕様となってございます。

A.下記の方法でカスタマイズしてください。

すべてのお知らせ詳細ページに適用させたい場合は【TCDテーマ>基本設定のカスタムCSS】、一部のページのみに適用させたい場合は【当該記事編集画面のカスタムCSS】に以下を入力してください。

Welcart版
.single-product .l-secondary { display: none; } /* サイドバーを非表示 */
.single-product .l-2columns .l-primary { width: 100%; } /* メインカラムの表示幅を広げる */
WooCommerce版
.product-template-default .l-secondary { display: none; } /* サイドバーを非表示 */
.product-template-default .l-2columns .l-primary { width: 100% !important; } /* メインカラムの表示幅を広げる */

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事