主題

佈景主題是決定商店視覺呈現方式的檔案集合。 第一次安裝Commerce時,商店的設計元素是以​ 預設 ​主題為基礎。 除了Commerce安裝隨附的初始預設主題之外,還有各種可用的主題可供您使用​ as ​或視需要加以修改。

回應式主題會調整頁面版面以符合裝置的檢視埠。 範例​ Luma ​佈景主題具有彈性、回應式版面,可從案頭、平板電腦或行動裝置檢視。

Commerce主題包含版面配置檔案、範本檔案、翻譯檔案和外觀元素。 外觀元素是支援CSS、影像和JavaScript檔案的集合,這些檔案可共同建立視覺化展示方式,以及客戶造訪您的商店時所體驗的互動。 熟悉Commerce主題設計且可存取您伺服器的開發人員或設計專業人員,可以修改及自訂主題和外觀。 若要進一步瞭解,請參閱​ 前端開發人員指南

Luma佈景主題

預設主題

Magento Blank回應式主題可呈現不同裝置的店面顯示,並整合案頭、表格和行動裝置的最佳實務。 有些佈景主題僅供特定裝置使用。 當Commerce偵測到特定瀏覽器識別碼或使用者代理時,它會使用為特定瀏覽器設定的主題。 搜尋字串也可以包含Perl相容的規則運算式(PCRE)。

主題

篩選佈景主題格線

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Themes

  2. 按一下​ Filters

  3. 輸入ID範圍、佈景主題名稱(或標題)、資料夾路徑或父佈景主題。

  4. 按一下​ Apply Filters ​以更新主題清單。

檢視目前的主題設定

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Themes

  2. 在安裝的主題清單中,找到您要檢查的主題,然後按一下該列以顯示設定。

  3. 若要檢視範例頁面,請按一下​ Theme Preview Image

預覽主題

套用預設主題

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Configuration

  2. 尋找您要設定的存放區檢視,然後按一下​ Action ​欄中的​ Edit

  3. 在​ Default Theme ​底下,將​ Applied Theme ​設定為您要用於目前檢視的檢視。

    套用的佈景主題 {width="600" modal="regular"}

  4. 完成時,按一下​ Save Configuration

新增使用者代理程式規則

  1. 在​ 管理員 ​側邊欄上,移至​ Content > Design>Configuration

  2. 在​ Design Rule ​底下,按一下​ Add New User Agent Rule

    設計規則 {width="600" modal="regular"}

  3. 針對​ Search String,輸入特定裝置的瀏覽器識別碼。

    搜尋字串會依照輸入順序進行比對。 例如,對於Firefox,請輸入:

    /^mozilla/i

  4. 若要輸入其他裝置,請重複此程式。

  5. 完成時,按一下​ Save Configuration

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de