搜外6系統(tǒng),如何實現(xiàn)產品詳情頁面套圖功能?

1563次閱讀

前提條件:

①模板支持多圖;

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

調用標簽:

{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

注:由于每個網(wǎng)站css樣式不同,需根據(jù)自身網(wǎng)站做必要調整。

參考視頻教程:詳情頁套圖 https://ke.seowhy.com/play/3898.html

本文由夫唯SEO特訓營編輯整理。

搜外專注SEO培訓和SEO周邊Saas服務解決方案,10年來超過五萬學員在此獲得技術提升和人脈圈子。

SEO課程包含移動搜索、零基礎建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報名時間7月1日-7月15日,請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標是:讓非技術人員輕松學會互聯(lián)網(wǎng)技術。

  • 搜外會員SEO交流群(免費)

    微信掃碼添加客服人員
  • 小程序運營交流群(免費)

    微信掃碼添加客服人員
  • 搜外會員SEM競價交流群(免費)

    微信掃碼添加客服人員
  • 夫唯學員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術實戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨立站英文SEO群

    微信掃碼添加客服人員
  • SEO團隊KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學習群站SEO
成為互聯(lián)網(wǎng)運營推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.156942 Second , 47 querys.