新增內容 — 產品Recommendations

使用​ 產品Recommendations ​內容型別,針對CMS頁面、區塊或動態區塊,將現有的作用中建議單位新增至Page Builder 階段

NOTE
Adobe Commerce 2.4.4和更新版本支援Page Builder 產品Recommendations ​內容型別,並可在產品Recommendations中繼套件3.0.x或更新版本中使用。 若要新增產品Recommendations的Page Builder支援,請參閱安裝資訊此內容型別不適用於Magento Open Source。
NOTE
如果您對Page Builder內容進行重大變更,建議您增加管理員工作階段存留期,以防止工作階段在您工作時逾時。

產品Recommendations工具箱

工具
圖示
說明
移動
移動圖示 {width="25"}
將產品推薦容器及其內容移至舞台上的另一個位置。
設定
設定圖示 {width="25"}
開啟「編輯產品建議」頁面,您可在其中選擇建議單位並變更容器屬性。
隱藏
隱藏圖示 {width="25"}
隱藏目前的產品推薦容器及其內容。
顯示
顯示圖示 {width="25"}
顯示隱藏的產品推薦容器及其內容。
複製
圖示重複 {width="25"}
製作產品推薦容器及其內容的重複副本。
移除
移除圖示 {width="25"}
從階段刪除產品推薦容器及其內容。
NOTE
隱藏的元素會儲存在資料庫中,且對客戶不可見。 不過,搜尋引擎和其他對您的網站進行編目的機器人可看見這些元素。 如果透過具有不可見屬性的API呼叫提出請求,這些區段也會當作內容的一部分傳回,除非您將其從階段中移除。

新增現有的建議單位

NOTE
您只能在預設存放區檢視中為Page Builder頁面型別建立建議單位。
  1. 在編輯模式中開啟頁面、區塊或動態區塊。

  2. 展開​ Content ​區段,然後按一下​ Edit with Page Builder ​或內容預覽區域內的「Page Builder」工作區以開啟。

  3. 在​ Layout ​下方的Page Builder面板中,將​ Row ​預留位置拖曳到舞台。

  4. 在​ Add Content ​下方的Page Builder面板中,將​ Product Recommendation ​預留位置拖曳至列。

    正在新增產品推薦內容型別 {width="600" modal="regular"}

  5. 執行下列任一項作業:

    • 按一下​ Edit Product Recommendation
    • 將滑鼠懸停在空白容器上以顯示工具箱,然後按一下​ 設定 設定圖示 )圖示。

    編輯產品推薦 {width="600" modal="regular"}

  6. 在​ Selection ​區段中,按一下​ Select

  7. 在使用中產品推薦清單中,尋找含有您要新增之推薦單位的列,然後按一下最後一欄中的​ Select

    選取的產品推薦 {width="600" modal="regular"}

  8. 按一下右上角的​ Add Selected

    所選產品推薦的名稱會顯示在​ Edit Product Recommendation ​頁面的​ Selection ​區段中。

  9. 進階設定進行任何必要的變更。

    編輯產品推薦 {width="600" modal="regular"}

  10. 完成後,請執行下列動作:

    • 如果使用最大化的瀏覽器視窗,請按一下工作區右上角的​ 關閉全熒幕 關閉全熒幕圖示 )圖示。

    • 按一下​ Save ​以套用設定並返回Page Builder工作區。

    當您回到舞台時,產品預留位置影像會出現在容器中。

編輯建議單位設定

  1. 將滑鼠停留在建議單位容器上以顯示工具箱,然後按一下​ 設定 設定圖示 )圖示。

    建議工具箱 {width="600" modal="regular"}

  2. 進階設定進行任何必要的變更。

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

複製建議單位

  1. 將游標停留在建議單位容器上以顯示工具箱,然後按一下工具箱中的​ 複製 復製圖示 )圖示。

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

  2. 若要將重複的建議單位移至新位置,請將滑鼠指標暫留在容器上,然後按一下工具箱中的​ 移動 移動圖示 )圖示。

  3. 選取並拖曳建議單位,直到紅色指引出現在新位置為止。

    移動建議單位時,每個容器的頂端和底部邊界都會顯示為虛線。

從階段中移除建議單位

  1. 將游標停留在建議單位容器上,然後按一下工具箱中的​ 移除 移除圖示 )圖示。

  2. 提示確認時,按一下​ OK

進階設定

  1. 若要控制產品Recommendations單位在父容器中的位置,請選擇​ Alignment

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    選項 說明
    Default 套用目前佈景主題樣式表中指定的對齊預設設定。
    Left 將單位沿父容器的左邊框對齊,並允許指定的任何邊框間距。
    Center 將單位對齊父容器的中心,並容許任何指定的內距。
    Right 將單位沿父容器的右邊框對齊,並容許任何指定的內距。
  2. 設定套用至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 單位邊界會顯示為外線。
  3. 如果您設定了None以外的框線樣式,請完成框線顯示選項:

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    選項 說明
    Border Color 選擇色票、按一下檢色器,或輸入有效的顏色名稱或相等的十六進位值,以指定顏色。
    Border Width 輸入邊框線條寬度的畫素數。
    Border Radius 輸入畫素數目,以定義用來將邊框每個角落倒圓角的半徑大小。
  4. (選擇性)從目前的樣式表中指定要套用至單位的​ CSS classes ​名稱。

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

  5. 輸入​ 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
recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d