Shopify 是一個很不錯的東西，但功能有時候太多，加上格式的問題就會導致很多東西都出現在同一個位置，例如石先生在用的 Debut Theme 就有這樣的問題。
這個 Theme 本來顯示產品資料的東西就在一行裡，但如果你有很多選項或產品名字太長的話，便需要把它變成兩行以便顯示足夠的內容。解決這個問題，Shopify 本來沒有這個功能，需要進入 HTML 模式裡更改。
首先，你要進入 Theme > EDIT HTML > Section > product-template.liquid，然後在最底下的位置加入相關的 Code 即可。
有關的 Code 就是這樣：
<style>
div.product-form__item:first-of-type{
flex:1 1 100%;
}
</style>
當你更改後，你可以產品資料選項變成兩行，套裝在一行，數量與加到購物車則在另一行，讓顧客看起來更清晰。
【此文章刊載於石先生部落；標題：【Shopify 教學】將產品頁資料由一行變成兩行，簡單改 style 就可以了；本篇文章為贊助內容；強制廣告：HisTrend.HK 給你不一樣的科技產品】
