Magento alsoviewed(其他人也看了) 模組修改版型

You are here:
< All Topics

magento-alsoviewed 可以完美與 Ultimo 樣版結合、開放原始碼、遇到問題作者回覆的也很頻繁

強力推薦使用

客製化

圖片、價格置中

預設值是對齊左邊,由於裝了 Also bought 模組,全部都置中對齊,為了美觀必須要修正

詢問作者+亂試後得到解答

編輯 /skin/frontend/base/default/yavva/alsoviewed/css/alsoviewed.css

vim /usr/share/nginx/html/skin/frontend/base/default/yavva/alsoviewed/css/alsoviewed.css

於第 21 行加入

    text-align: center;

刷新 OPCache 後,就完成了

Product Grid 只顯示單行產品名稱

Ultimo 樣版有這個功能,啟用後產品名稱與價格會很漂亮的對齊

但是 Alsoviewd 模組並不支援這項功能,聯繫作者之後,建議在 Alsoview Grid Template 下套入 Ultimo 的 single-line-name

vim app/design/frontend/base/default/template/yavva/alsoviewed/products.phtml

<ul class="products-grid cols-<?php echo $_columnCount ?>">

修改為

<ul class="products-grid single-line-name cols-<?php echo $_columnCount ?>">

修改完成後,清除 OPCache,就可以發現改變囉!

顯示的資訊精簡化

每個產品預設會顯示這六項資訊

  • 圖片
  • 產品名稱
  • 價格
  • 購買按鈕
  • 加入收藏
  • 加入比較

會了美化頁面,我們只想要顯示這三項資訊

  • 圖片
  • 產品名稱
  • 價格
vim app/design/frontend/base/default/template/yavva/alsoviewed/products.phtml

將 Line 69 – 90 行全部移除

修改完成後,清除 OPCache,就可以發現改變囉!

參考資料:

Magento Also Viewed Products

How to center also_viewed image and price?

 

Tags:
Next Magmodules Review Reminder 客製化
Table of Contents