搜外6系統(tǒng)，如何實(shí)現(xiàn)產(chǎn)品詳情頁面套圖功能？

前提條件：

①模板支持多圖；

②設(shè)置--網(wǎng)站設(shè)置--產(chǎn)品縮略圖設(shè)置：縮略圖模式選擇“套圖”。

調(diào)用標(biāo)簽：

{list_attachment type="product"}

<li data-target="#product-carousel" data-slide-to="[value:index/]"><img src="[value:thumb/]"><img src="[value:logo/]"></li>

{/list_attachment}

操作步驟：

插入調(diào)用標(biāo)簽：在模板代碼里找到需要添加相關(guān)產(chǎn)品的位置，插入以下的調(diào)取代碼，如下文所示：

<div id="product-carousel" class="carousel slide" data-ride="carousel">

<ul id="slider-pager">

{list_attachment type="product"}

<li><img src="[value:thumb/]"></li>

{/list_attachment}

</ul>

<div class="carousel-inner" role="listbox">

{list_attachment type="product"}

<div class="item">

<img src="[value:logo/]" alt="[value:name/]">

</div>

{/list_attachment}

</div>

</div>

界面效果，如圖所示：

此模板編碼SC1100

注：由于每個(gè)網(wǎng)站css樣式不同，需根據(jù)自身網(wǎng)站做必要調(diào)整。

參考視頻教程：詳情頁套圖 https://ke.seowhy.com/play/3898.html