如何使用WCM菜單/導航組件創建如下所示的嵌套HTML結構？

Question

我正在設計帶有三個圖像的輪播。 我需要使用WCM實現以下代碼。 我可以使用單個結果設計進行設計。 請指導我如何獲取一組鏈接。 所有圖像都在同一站點區域中。

<div class="subBox">
    <div class="set">
        <div class="images"><img src='slide1.jpg' alt='' /></div>
        <div class="images"><img src='slide2.jpg' alt='' /></div>
        <div class="images"><img src='slide3.jpg' alt='' /></div>
    </div>
    <div class="set">
        <div class="images"><img src='slide4.jpg' alt='' /></div>
        <div class="images"><img src='slide5.jpg' alt='' /></div>
        <div class="images"><img src='slide6.jpg' alt='' /></div>
    </div>
    <div class="set">
        <div class="images"><img src='slide7.jpg' alt='' /></div>
        <div class="images"><img src='slide8.jpg' alt='' /></div>
        <div class="images"><img src='slide9.jpg' alt='' /></div>
    </div>
</div>

Answer 1

在菜單/導航器中使用列表演示-取決於是否需要保留訂單。 設置最大數量為9。

標頭：

<div class="subBox">
  <div class="set">

項目布局：

[Plugin:Matches pattern="(3|6)" text="[Placeholder tag='listnum']"]
  </div>
  <div class="set">
[/Plugin:Matches]
    <div class="images">[Element type="content" context="autofill" key="img"]</div>

頁腳：

  </div>
</div>

Answer 2

因此，您在該站點 區域下有一個站點區域 ，其中包含一組 內容 。

開箱即用沒有什么可以為您做的。

第一個解決方案（使用Javascript）

• 在一個隱藏的Div中渲染所有圖像
• 添加一些Java腳本代碼來構建HTML

第二種解決方案（創建自定義插件）

• 創建自定義插件並將其傳遞給項目和子列表項目編號的 索引，並且只有在（“索引” mod“子列表項目編號”等於零）的情況下，它才能呈現其主體，您可以從[Placeholder tag =“ listnum” htmlencode = “ false”]，在您的情況下，“子列表項編號”為3

• 在菜單設計header ="<div class="subBox"><div class="set">"中，每個結果的設計header ="<div class="subBox"><div class="set">"渲染項目，然后使用自定義插件渲染“”->將為頁腳渲染每3個項目設計"</div></div>"