COVID-19【新冠病毒、武漢肺炎】即時資訊:全球疫情台灣疫情
目前位置: 首頁 > ECSHOP響應式模版設計 > 文章內容頁或商品詳情頁描述圖片超寬自動調整、自動加ALT屬性

文章內容頁或商品詳情頁描述圖片超寬自動調整、自動加ALT屬性 超大 稍大 微大

發表於: 2013-05-22 最後更新: 現在時間:2020-11-27 02:00:56
在商品詳情頁的商品描述圖片如因使用大圖導致超出版面寬度時,如果模板CSS沒有調整,往往導致圖片撐破版面,有的模板CSS即使做了調整,也容易產生圖片比例不對,導致圖片變形的問題,再來,ECSHOP的編輯器當插入圖片時,並不會自動加入ALT屬性,除非你自行加入,否則對SEO不夠有好,底下的作法可以解決當圖片超出寬度時,自動縮為容器寬度並保持寬高比,當點擊圖片時以燈箱效果顯示大圖。並且自動以文章標題或商品名稱作為ALT屬性,以加強SEO效果...

做法如下:
1、燈箱效果展示大圖(支援拖動),加在 page_header.lbi 第二行,如果不想使用燈箱效果可以省略:
<link rel="stylesheet" href="/themes/weshop/js/shadowbox/shadowbox.css" type="text/css" />
<script type="text/javascript" src="/themes/weshop/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    handleOversize: "drag",
    modal: true
});
</script>

2、文章內容頁 article.dwt 找到
{$article.content}
改為
{insert name="img_replace" cont=$article.content title=$article.title}

3、商品詳情頁 goods.dwt 找到
{$goods.goods_desc}
改為
{insert name="img_replace" cont=$goods.goods_desc title=$goods.goods_style_name}

4、打開跟目錄的 includes/lib_insert.php 最後 ?> 之前加上
/bbs/index.php?topic=1204.0

您必須先 登入 註冊 才能下載附件!
對於本站文章有任何問題或建議歡迎到 : 討論區寫信給我
本站提供ECSHOP技術支援, 是網路開店最佳選擇 ,最後更新時間: 現在時間:2020-11-27 02:00:56