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

1506次阅读

前提条件:

①模板支持多图;

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

调用标签:

{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

本文由夫唯SEO特训营编辑整理。

搜外专注SEO培训和SEO周边Saas服务解决方案,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程包含移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

190期B班报名时间5月15日-5月31日,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标是:让非技术人员轻松学会互联网技术。

  • 搜外会员SEO交流群(免费)

    微信扫码添加客服人员
  • 小程序运营交流群(免费)

    微信扫码添加客服人员
  • 搜外会员SEM竞价交流群(免费)

    微信扫码添加客服人员
  • 夫唯学员SEO交流群(VIP)

    微信扫码添加客服人员

扫码获取资源

微信扫码添加客服人员
  • SEO技术实战微信群

    微信扫码添加客服人员
  • 大站流量总监群(审核身份)

    微信扫码添加客服人员
  • Google独立站英文SEO群

    微信扫码添加客服人员
  • SEO团队KPI管理表格

    微信扫码添加客服人员
  • 工业品网站友情链接群

    微信扫码添加客服人员
  • 本地生活服务业友链群

    微信扫码添加客服人员

跟夫唯老师系统学习群站SEO
成为互联网运营推广大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入门、新闻源推广……
Processed in 0.129119 Second , 47 querys.