【Shopify 教學】將產品頁資料由一行變成兩行,簡單改 style 就可以了


Shopify 是一個很不錯的東西,但功能有時候太多,加上格式的問題就會導致很多東西都出現在同一個位置,例如石先生在用的 Debut Theme 就有這樣的問題。

這個 Theme 本來顯示產品資料的東西就在一行裡,但如果你有很多選項或產品名字太長的話,便需要把它變成兩行以便顯示足夠的內容。解決這個問題,Shopify 本來沒有這個功能,需要進入 HTML 模式裡更改。

首先,你要進入 Theme > EDIT HTML > Section > product-template.liquid,然後在最底下的位置加入相關的 Code 即可。


 

shopify_product_column_01

 

有關的 Code 就是這樣:

<style>
div.product-form__item:first-of-type{
flex:1 1 100%;
}
</style>

當你更改後,你可以產品資料選項變成兩行,套裝在一行,數量與加到購物車則在另一行,讓顧客看起來更清晰。

shopify_product_column_02






【此文章刊載於石先生部落;標題:【Shopify 教學】將產品頁資料由一行變成兩行,簡單改 style 就可以了;本篇文章為贊助內容;強制廣告:HisTrend.HK 給你不一樣的科技產品】