神马一区二区影院_日本全棵写真视频在线观看_97碰碰视频_天海翼在线观看视频

搜外6系統,如何實現產品詳情頁面套圖功能?

1570次閱讀

前提條件:

①模板支持多圖;

②設置--網站設置--產品縮略圖設置:縮略圖模式選擇“套圖”。

調用標簽:

{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 0.801959 Second , 377 querys.