搜外6系统,如何实现产品详情页面套图功能?

1569次阅读

前提条件:

①模板支持多图;

②设置--网站设置--产品缩略图设置:缩略图模式选择“套图”。

调用标签:

{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>

界面效果,如图所示:

image.

此模板编码SC1100

注:由于每个网站css样式不同,需根据自身网站做必要调整。

参考视频教程:详情页套图 https://ke.seowhy.com/play/3898.html

本文由夫唯团队编辑,如发现错误,欢迎通过客服微信反馈。

夫唯于2024年12月停止百度SEO研究和培训。道别信: 夫唯:再见了百度SEO!

2025年1月正式启动Google SEO培训课程,一千零一夜带领大家一起出海。

感兴趣的同学,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标:让大家独立站出海不再“望洋兴叹”。

Processed in 1.683374 Second , 619 querys.