新增內容 — 產品Recommendations
使用 產品Recommendations 內容型別,針對CMS頁面、區塊或動態區塊,將現有的作用中建議單位新增至Page Builder 階段。
產品Recommendations工具箱
新增現有的建議單位
-
在編輯模式中開啟頁面、區塊或動態區塊。
-
展開 Content 區段,然後按一下 Edit with Page Builder 或內容預覽區域內的「Page Builder」工作區以開啟。
-
在 Layout 下方的Page Builder面板中,將 Row 預留位置拖曳到舞台。
-
在 Add Content 下方的Page Builder面板中,將 Product Recommendation 預留位置拖曳至列。
{width="600" modal="regular"}
-
執行下列任一項作業:
- 按一下 Edit Product Recommendation。
- 將滑鼠懸停在空白容器上以顯示工具箱,然後按一下 設定 ( )圖示。
{width="600" modal="regular"}
-
在 Selection 區段中,按一下 Select。
-
在使用中產品推薦清單中,尋找含有您要新增之推薦單位的列,然後按一下最後一欄中的 Select。
{width="600" modal="regular"}
-
按一下右上角的 Add Selected。
所選產品推薦的名稱會顯示在 Edit Product Recommendation 頁面的 Selection 區段中。
-
對進階設定進行任何必要的變更。
{width="600" modal="regular"}
-
完成後,請執行下列動作:
-
如果使用最大化的瀏覽器視窗,請按一下工作區右上角的 關閉全熒幕 ( )圖示。
-
按一下 Save 以套用設定並返回Page Builder工作區。
當您回到舞台時,產品預留位置影像會出現在容器中。
-
編輯建議單位設定
-
將滑鼠停留在建議單位容器上以顯示工具箱,然後按一下 設定 ( )圖示。
{width="600" modal="regular"}
-
對進階設定進行任何必要的變更。
-
完成後,按一下 Save 套用設定並返回Page Builder工作區。
複製建議單位
-
將游標停留在建議單位容器上以顯示工具箱,然後按一下工具箱中的 複製 ( )圖示。
重複專案會出現在原始專案的正下方。
-
若要將重複的建議單位移至新位置,請將滑鼠指標暫留在容器上,然後按一下工具箱中的 移動 ( )圖示。
-
選取並拖曳建議單位,直到紅色指引出現在新位置為止。
移動建議單位時,每個容器的頂端和底部邊界都會顯示為虛線。
從階段中移除建議單位
-
將游標停留在建議單位容器上,然後按一下工具箱中的 移除 ( )圖示。
-
提示確認時,按一下 OK。
進階設定
-
若要控制產品Recommendations單位在父容器中的位置,請選擇 Alignment:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto 選項 說明 Default
套用目前佈景主題樣式表中指定的對齊預設設定。 Left
將單位沿父容器的左邊框對齊,並允許指定的任何邊框間距。 Center
將單位對齊父容器的中心,並容許任何指定的內距。 Right
將單位沿父容器的右邊框對齊,並容許任何指定的內距。 -
設定套用至Product Recommendations單位所有四個側面的 Border 樣式:
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto 選項 說明 Default
套用關聯樣式表所指定的預設邊框樣式。 None
未提供任何單位框線的可見指示。 Dotted
單位邊框會以虛線顯示。 Dashed
單位邊框會以虛線顯示。 Solid
單位邊框顯示為實線。 Double
單位邊框會以雙線顯示。 Groove
單位邊界會顯示為凹槽線。 Ridge
單位邊界會顯示為脊線。 Inset
單位框線會顯示為內嵌線。 Outset
單位邊界會顯示為外線。 -
如果您設定了
None
以外的框線樣式,請完成框線顯示選項:table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto 選項 說明 Border Color 選擇色票、按一下檢色器,或輸入有效的顏色名稱或相等的十六進位值,以指定顏色。 Border Width 輸入邊框線條寬度的畫素數。 Border Radius 輸入畫素數目,以定義用來將邊框每個角落倒圓角的半徑大小。 -
(選擇性)從目前的樣式表中指定要套用至單位的 CSS classes 名稱。
以空格分隔多個類別名稱。
-
輸入 Margins and Padding 的畫素值,以決定單位的外邊界和內邊距。
在圖表中輸入對應的值。
table 0-row-2 1-row-2 2-row-2 layout-auto 容器區域 說明 Margins 套用至單位所有側邊外部邊緣的空白空間量。 選項: Top
/Right
/Bottom
/Left
Padding 套用至單位所有側邊內邊的空白空間量。 選項: Top
/Right
/Bottom
/Left