前提條件:
①模板支持多圖;
②設置--網(wǎng)站設置--產(chǎn)品縮略圖設置:縮略圖模式選擇“套圖”。
調(dià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)用標簽:在模板代碼里找到需要添加相關產(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
注:由于每個網(wǎng)站css樣式不同,需根據(jù)自身網(wǎng)站做必要調(diào)整。
參考視頻教程:詳情頁套圖 https://ke.seowhy.com/play/3898.html