Plumrocket Who Bought This Also Bought 模組修改版型
Plumrocket Who Bought This Also Bought 是付費模組,可以完美與 Ultimo 樣版結合
安裝後為了與 Magento Also Viewed Products 搭配,所以需要做一些細部修改
客製化
修改 “Who Bought This Also Bought:” 標題大小
預設標題是用 CSS 控制,因為大小與 Also Viewed Products 不同,所以請原廠協助修改
編輯 /app/design/frontend/ultimo/default/template/plwhobought/product.phtml
vim /usr/share/nginx/html/app/design/frontend/ultimo/default/template/plwhobought/product.phtml
將第 122 行
<h3 class="section-title padding-right"><?php echo $this->__('Who Bought This Also Bought:'); ?></h3>
修改為
<h2 class="padding-right"><?php echo $this->__('Who Bought This Also Bought:'); ?></h2>
編輯後記得刷新 OPCache
修改圖片尺寸
圖片預設值為 196px,無法由後台直接修改,必須直接編輯檔案
編輯 /app/design/frontend/ultimo/default/template/plwhobought/product.phtml
vim /usr/share/nginx/html/app/design/frontend/ultimo/default/template/plwhobought/product.phtml
將第 67 行
$imgWidth = 196; //Set default value
修改為
$imgWidth = 220; //Set default value
編輯後記得刷新 OPCache
Product Grid 只顯示單行產品名稱
Ultimo 樣版有這個功能,啟用後產品名稱與價格會很漂亮的對齊
但是 Also Bought 模組並不支援這項功能,請原廠協助之後,在 下套入 Ultimo 的 single-line-name
編輯檔案
vim /usr/share/nginx/html/app/design/frontend/ultimo/default/template/plwhobought/product.phtml
將第 124 行
<div id="<?php echo $sliderId; ?>" class="itemslider<?php if($sliderClasses) echo $sliderClasses; ?> products-grid<?php if($gridClasses) echo $gridClasses; ?>">
修改為
<div id="<?php echo $sliderId; ?>" class="itemslider<?php if($sliderClasses) echo $sliderClasses; ?> products-grid<?php if($gridClasses) echo $gridClasses; ?> single-line-name">
修改完成後,清除 OPCache,就可以發現改變囉!
顯示的資訊精簡化
每個產品預設會顯示這六項資訊
- 圖片
- 產品名稱
- 價格
- 購買按鈕
- 加入收藏
- 加入比較
會了美化頁面,我們只想要顯示這三項資訊
- 圖片
- 產品名稱
- 價格
編輯檔案
vim /usr/share/nginx/html/app/design/frontend/ultimo/default/template/plwhobought/product.phtml
將第 145 行
<?php //Add-to links
修改為
<?php /* //Add-to links
將第 160 行
?>
修改為
*/ ?>
將第 169 行
<div class="actions">
之前加入一行
<?php /*
並將第 191 行插入新行
*/ ?>
修改完成後,清除 OPCache,就可以發現改變囉
錯誤修正
實際進行翻譯後,發現翻譯檔無法順利套用
原廠協助修正後發現檔案並沒有把檔案位置寫進去,必須更新檔案
修改完成後,清除 OPCache,就可以發現改變囉!