進階分頁

4. EC + SC.png

SHOPLINE 推出「進階分頁」功能,簡單易用、輕鬆排版,深受新手店家喜愛。您可以選擇系統預設的樣板或空白頁面開始設計您的分頁,利用拖曳的方式組合圖片、影片、文字等元素,創造獨一無二的網店版面。

以下將分別介紹:

 

一、添加新元件

步驟一

前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁」。

___2022-07-19___4.19.43.png

 

步驟二

系統提供不同的模板供您使用,您也可以選擇空白頁面自行排版。

___2022-07-19___4.19.34.png

 

步驟三

在進階分頁設定頁面,先點選左側藍色「設計」按鈕 ,再選擇您希望加入的元件。

___2022-07-19___4.26.46.png

 

步驟四

拖曳元件至右側版面編輯區塊,會以綠色區塊顯示元件能夠放置的位置。

____.gif

 

二、元件功能

點選下方連結查看各種元件及設定細目的詳細說明:

 

三、編輯網店頁首、頁尾

  • 在進階分頁設定頁面上方會保留頁首區塊,顯示此字樣:點擊「這裡」編輯網店頁首,點按將進入後台「網店目錄」頁面編輯目錄,關於目錄的詳細說明請參考此篇文章
  • 在進階分頁設定頁面上方會保留頁尾區塊,顯示此字樣:點擊「這裡」編輯網店頁尾,點按將進入後台「網店目錄」頁面編輯頁尾內容,關於頁尾的詳細說明請參考此篇文章

*注意:若前往編輯,系統將會自動儲存目前編輯內容。

___2022-07-19___4.53.44.png

 
 

四、進階分頁排版

  • 每排最多可以並排四項元件,並且會平分版面的寬度。
    ___2022-07-19___5.12.39.png

  • 點選單項元件的「十字」圖示可以拖曳移動位置;點選單項元件的「垃圾桶」圖示可以刪除元件。
    _____.gif


  • 如果希望調整一整排元件,點選右側綠色「箭頭圖示」可以整排上下移動;點選綠色「垃圾桶圖示」可以刪除整排元件。
    _______.gif

 

五、預覽功能

您可以隨時預覽您的設計及排版,點選右下角綠色的「預覽頁面」按鈕開啟預覽功能。

___2022-07-19___5.33.47.png

 

進入預覽頁面後,您可以選擇查看網頁在不同的行動裝置上的顯示效果,由左至右分別為:手機、平板、電腦。

___2022-07-19___5.34.11.png

__.gif

 

完成所有編輯後,記得按右下角的「保存」按鈕保存頁面。

___2022-07-19___5.33.47_2.png

 

六、 複製進階分頁

您可以在分頁列表中複製已完成的進階分頁,再微調成新的活動要使用的頁面內容。

所有的元件將會同步被複製到新的分頁中,包含名稱、URL、SEO 設定等,請記得在製作新頁面時將內容修改為最新的資訊。

*注意:只有進階分頁能夠使用複製的功能,文字分頁是無法使用的。

___2022-07-19___6.13.38.png

 

七、SHOP Builder

SHOPLINE 新版頁面編輯器 - SHOP Builder 大幅優化進階分頁的設計功能,可以更自由地設計商店公告欄、頁首頁尾、以及多種元件組合,助您創造獨一無二的網店版面。詳細操作步驟請參考此篇文章。 

___2022-07-19___6.17.43.png
 
*注意:
  • SHOP Builder 目前僅支援 Ultra ChicKingsman、Philia Varm 版型使用。
  • 使用 SHOP Builder 建立分頁後,若切換其他店面版型,該分頁仍然可以顯示,但無法編輯且可能發生跑版情形,在確認發佈分頁前請多加留意。
  • 支援顯示但不支援 SHOP Builder 編輯的店面版型有:Dusk、Skya、Sangria、Bianco、Doris Bien;其餘店面版型不支援編輯也不支援顯示。

 

 

延伸閱讀

 

 

 

 

 

還有其他問題?提交請求

評論