แก้ไข รูป thumbnail ของ default template virtuemart

การแก้ไข รูป thumbnail ของ default template virtuemart ที่มีขนาดเล็กกว่าที่เราต้องการ และกำหนดไว้ใน backend
ต้องแก้ไขตามขั้นตอนที่แนะนำใน
http://www.webholism.com/blog/sara/virtuemart-2-0-how-to-change-the-thumbnail-size-of-your-products/
ดังนี้

VirtueMart 2.0 – How to Change the Thumbnail Size of Your Products

Below are the instructions to change the size of your product thumbnails to the size you really want:
Go to Components -> VirtueMart

Click the Configuration button

In the Templates tab, tick the Enable Dynamic Thumbnail Resizing? box and set Thumbnail Image Width and Thumbnail Image Height to your desired values
Save & Close

Using FTP, browse to your /images/stories/virtuemart/product and /images/stories/virtuemart/category folders, and delete the resized folder

Create a new folder structure: /templates/YOUR-TEMPLATE/html/com_virtuemart/category

Copy the file \components\com_virtuemart\views\category\tmpl\default.php and place the copy in /templates/YOUR-TEMPLATE/html/com_virtuemart/category

Open /templates/YOUR-TEMPLATE/html/com_virtuemart/category/default.php

Change div class=”width30 floatleft center” to div class=”width100 floatleft center” and change div class=”width70 floatright” to div class=”width100 floatright center”

Add the following code to your template CSS file: .browse-view .row .product .spacer img, .related-products-view .row .product .spacer img{max-width:100%;}
Admire your handiwork.


ทำตามขั้นตอนนี้ ได้ผลจริง ไฟลื thumbnail เปลี่ยนจากขนาดประมาณ 50x50 px เป็น 120x120 px ตามต้องการ