手機版 的 商品頁「商品介紹」滿版」

 商品介紹區塊若採用滿版設計讓圖片、影片、段落敘述或素材呈現更有空間感

• 若你販售的是高單價、講究質感或功能複雜的商品(如家電、保養品、設計商品等),滿版區塊讓你能運用更大的敘事空間與多媒體呈現,降低用戶疑慮,幫助銷售

• 多數電商為窄欄位排版,滿版設計讓商品頁在第一眼就顯得與眾不同,強化記憶點與視覺識別




✎ 重點拆解:


一、「手機版 - 商品頁「商品介紹」滿版」設定路徑

二、「手機版 - 商品頁「商品介紹」滿版」程式碼





一、「手機版 - 商品頁「商品介紹」滿版」設定路徑



後台路徑:商品>上架商品>編輯>原始碼,加入程式碼。






二、「手機版 - 商品頁「商品介紹」滿版」程式碼



@media (max-width: 576px) {
.product-product #maincontent{padding-left:0;padding-right:0;}
.product-product #tab-description{padding:0}
}