在佈景主題編輯器中:自訂首頁新增區段新品環形展示

新品環形展示

把最新商品放在一個旋轉的圓環上。顧客可以用手指或滑鼠拖曳,圓環會停在某個商品前。

八到十二個商品能讓圓環呈現最好看的形狀。如果希望圓環在被觸碰前保持靜止,可以把緩慢旋轉設為 0。

設定

內容

標題上方的小字
文字留空則不顯示這一行。
標題
文字留空則以訪客的語言顯示預設標題。
連結文字
文字留空則以訪客的語言顯示預設值。
連結
連結留空:所有商品由新到舊,或所選商品系列的頁面。
在環形上方顯示標題
開啟或關閉預設: 開啟關閉後:環形不帶標題,適用於頁面已有自己標題的情況。

商品

環形顯示的內容
選項: 商品、商店的所有商品系列預設: 商品在「所有商品系列」頁面,環形會顯示商店的商品系列,每個商品系列一張卡片。
商品系列
商品系列留空:商店的最新商品(取自前 50 項)。若要控制順序,請在商店後台選擇依最新排序的商品系列。
商品數量
滑桿,4 到 16預設: 8卡片環繞著環形排列。少於三項商品時,會以單純的一列顯示。

卡片

照片邊框
滑桿,0 到 8 px預設: 1 px環中每張照片周圍的細邊框,顏色在下方選擇。設為 0 則移除邊框。
邊框顏色
顏色預設: #0C0A09留空:接近黑色,與購物車中的邊框相同。
卡片圓角弧度
滑桿,4 到 24 px預設: 12 px

外觀

背景樣式
選項: 黑色舞台(漆面地板)、淺奶油色(淺色展示櫥窗)預設: 黑色舞台(漆面地板)
倒影強度
滑桿,0 到 200 %預設: 100 %照片在地板上的倒影強度。預設值為 100%。
卡片下方的倒影長度
滑桿,0 到 80 px預設: 30 px底座在卡片前方延伸多遠,以顯示更多倒影。0 為最短。
背景顏色
顏色留空:依背景樣式。
與上方區段融合
顏色上方區段底部的顏色。它會流入此區段並逐漸淡去,讓兩個區段無縫銜接。留空:不融合。
融合長度
滑桿,40 到 400 px預設: 200 px
光暈顏色
顏色區段頂端的柔和光線。留空:依背景樣式。
文字顏色
顏色標題、環下方的名稱和價格、標題上方的小字以及箭頭。留空:依背景樣式。
地板顏色
顏色環形下方的平台。留空:依背景樣式。

動態效果

效果
選項: 光芒閃爍、無預設: 光芒閃爍光芒閃爍:一道光沿著「全部新品」按鈕流動,僅在深色樣式(黑色舞台和炭灰)中。選擇減少動態效果的訪客不會看到。
緩慢自轉:速度
滑桿,0 到 20 °預設: 5 °每秒度數(完整一圈為 360)。0:不自轉。環形會在開場旋轉後自行緩慢轉動,只有在刻意與最前方的卡片互動(滑過、點選或點擊)、被拖曳、移出畫面,或有卡片取得鍵盤焦點時才會停止。要求減少動態效果的訪客不會看到。
觸碰後的等待時間
滑桿,1 到 10 s預設: 4 s訪客轉動環形後,環形等待多久才會再次自行轉動。
每個區段共有的設定窗格、捲動、間距、文字樣式

視窗、捲動、間距和顏色設定在每個區段中的運作方式都相同。了解運作方式。

窗格

拼接
選項: 獨立窗格、與上方窗格拼接、與下方窗格拼接、上下皆拼接預設: 與上方窗格拼接
圖片圓角
選項: 圓角、直角預設: 圓角

捲動

捲動時由下一個區段覆蓋
開啟或關閉預設: 關閉向下捲動時,此區段會停在頁首下方,下一個區段從上方覆蓋過來。往回捲動則反向進行。在編輯器中、對要求減少動態效果的訪客,以及在極矮的螢幕上會關閉。

間距

為此區段自訂間距
開啟或關閉預設: 關閉關閉:使用佈景主題設定中「版面配置」下的區段間距。開啟:在此區段上方與下方使用此處的值。在行動裝置上,大多數區段使用這些值的 65%。
上方間距
滑桿,0 到 120 px預設: 40 px
下方間距
滑桿,0 到 120 px預設: 56 px

文字樣式

此區段使用自訂文字樣式
開啟或關閉預設: 關閉否則區段會使用佈景主題的樣式。Shopify 字型不含希伯來文,因此請在適用於希伯來文的樣式中選擇。
標題樣式
選項: 佈景主題預設、細體、粗體、襯線體預設: 佈景主題預設
標題大小
滑桿,70 到 160 %預設: 100 %
標題顏色
顏色留空:自動,使用區段顏色(深色背景上為淺色)。
文字樣式
選項: 佈景主題預設、細體、粗體、襯線體預設: 佈景主題預設
文字大小
滑桿,70 到 160 %預設: 100 %
文字顏色
顏色留空:自動,使用區段顏色(深色背景上為淺色)。

這裡的內容與編輯器中看到的不一致嗎?請告訴我們,我們會修正指南。