新增內容 — 動態區塊

導覽至目標頁面、區塊、產品或類別上的Page Builder工作區。

在Page Builder面板中，展開​ Add Content ​並將​ Dynamic Block ​預留位置拖曳到舞台。

{width="600" modal="regular"}

將滑鼠懸停在空的動態區塊容器上以顯示工具箱，然後選擇​ 設定 （ {width="20"} ）圖示。

{width="600" modal="regular"}

在​ 編輯動態區塊 ​頁面上，按一下​ Select Dynamic Block ​並使用清單來選取區塊。

{width="600" modal="regular"}

在清單中，找到您要插入的動態區塊，然後按一下​ Select。 然後，按一下​ Add Selected。

{width="600" modal="regular"}

動態區塊資訊的摘要會顯示於下方。

{width="600" modal="regular"}

將​ Template ​設定為下列其中一項：

{width="200"}

視需要完成「進階」設定。

完成後，按一下​ Save ​套用設定並返回Page Builder工作區。

若要控制動態區塊在父容器中的位置，請選擇​ Alignment：

設定套用至動態區塊容器所有四個側面的​ Border ​樣式：

如果您設定了None以外的框線樣式，請完成框線顯示選項：

（選擇性）從目前的樣式表中指定要套用至容器的​ CSS classes ​名稱。

以空格分隔多個類別名稱。

輸入​ Margins and Padding ​的值（以畫素為單位），以決定動態區塊容器的外部邊界和內邊距。

在圖表中輸入對應的值。

將游標停留在動態區塊容器上以顯示工具箱，然後選擇​ 設定 （ {width="20"} ）圖示。

{width="500" modal="regular"}

如有需要，請變更動態區塊：

• 按一下​ Select Dynamic Block。

  {width="20"}

• 在使用中動態區塊清單中，按一下您要新增區塊的​ Select。

視需要更新其餘的設定。

完成後，按一下​ Save ​套用設定並返回Page Builder工作區。

將游標停留在動態區塊容器上以顯示工具箱，然後選擇​ 複製 （ {width="20"} ）圖示。

重複專案會出現在原始專案的正下方。

{width="500" modal="regular"}

若要將新的動態區塊移至其他位置，請將游標暫留在容器上，然後在工具箱中選擇​ 「移動」（ {width="20"}）。

選取並拖曳動態區塊，直到紅色指引出現在新位置為止。

移動動態區塊時，每個容器的頂端和底部邊界都會顯示為虛線。

將游標停留在動態區塊容器上以顯示工具箱，然後選擇​ 移除 （ {width="20"} ）圖示。

提示確認時，按一下​ OK。