前提条件:
①模板支持多图;
②设置--网站设置--产品缩略图设置:缩略图模式选择“套图”。
调用标签:
{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}
操作步骤:
插入调用标签:在模板代码里找到需要添加相关产品的位置,插入以下的调取代码,如下文所示:
<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
注:由于每个网站css样式不同,需根据自身网站做必要调整。
参考视频教程:详情页套图 https://ke.seowhy.com/play/3898.html