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 給你不一樣的科技產品】


PISEN 二合一電池旅行充電器- 內含 5000mAh 電池並附英式、歐式插頭

front-banner-iphone-07
旅行出差行李務求輕便,PISEN 二合一電池旅行充電器既是充電器又是充電寶,在外為手機充電;返回室內接上電源插座,還能同時為裝置與充電寶補充電力。設計緊湊輕巧,一物二用減輕攜行負擔。

PISEN 二合一電池旅行充電器提供 1 個 smart 2.1A USB 接口、1 個 1.5A USB 接口及 1 個 1.5A Type-C 接口,電力智能分流匹配各式數碼產品。

內建 5000mA 鋰電池,接上電源插座隨即補充移動電力,無須攜帶額外線材。外設 4 格電力燈號,快速判斷剩餘電量。

採用國際折疊式插頭,支援 100-240V 全球電壓,並附帶英式和歐式轉換插頭,助您快速整裝待發。設置過充、過熱、短路、過功率、過壓及過流保護共六重安全防護機制,出行省心省煩惱。

【立即購買 PISEN 二合一電池旅行充電器 – 香港授權商店 】
免費上門送貨、有壞包換及 12 個月官方保養 - https://anlander.com/

Stone IP 目前是自由撰稿工作者 + 社群網站經營,曾經於 Engadget 中文版工作八年之久,職至高級編輯。文章撰寫以貼近生活為主,內容以科技網絡與旅遊紀錄較多。此博客瀏覽量已超越達到 1,300 萬。