Joomla Virtuemart related customization

-
After setting up Virtuemart in Jooma, naturally the the search module in Joomla to return the results of the products available. But, the default search in Joomla will return all the pages in Joomla, instead of the list of products.

To solve this, we can install search extensions (modules). There are a lot of free search modules out there, but I'm only going to introduce this particular AJAX search module called "VM Live Product Search". This module will return search results in a floating box for user to select from.

[Module] VM Live Product Search

Download: http://extensions.virtuemart.net/index.php?option=com_sobi2&sobi2Task=sobi2Details&catid=9&sobi2Id=92&Itemid=2#

To edit the CSS, go to
/public_html/shop/templates/default/css, and /public_html/shop/modules/mod_vm_live_product/css.

To Disable Auto Redirect
(I'm still working on it... hehe )



"Recently Viewed Products" section

To remove "Recently Viewed Products",
Go to Admin -> Configuration -> Site -> Layout. Then, under "Select the theme for your Shop", click on "Configuration"

Then just change the "Number of recent products to Display?" to 0


Customising "Recently Viewed Products" section

Most of us will definitely want to customize the layout this section. Find the file "recent.tpl.php" in /public_html/shop/components/com_virtuemart/themes/tracyeinny_theme/templates/common.



Changing text "You may also be interested in this/these products"

To customize the layout for this section, go to components/com_virtuemart/themes/default/templates/common/, look for the file relatedProducts.tpl.php and productsnapshot.tpl.php.

The files are pretty short, I'm sure you can make sense out of 'em easily.

To change the title, go to administrator/components/com_virtuemart/languages/common and open the file english.php.

Then find and edit the variable $_PHPSHOP_RELATED_PRODUCTS_HEADING.





Changing text "Item successfully added to cart."

(Its the same as above - Changing the text for you may be interested...)
find the value VM_CART_PRODUCT_UPDATED



Customizing add-to-cart pop-up
(Still working on it)



Edit Thumbnails of Products
To edit the size of the products of Thumbnails in Virtuemart, go Admin > Site > Thumbnail Image Width & Thumbnail Image Height. (Remember to chmod 777 the file /administrator/components/com_virtuemart/virtuemart.cfg.php too.)

or alternatively, you can find lines 93 and 94 in  /administrator/components/com_virtuemart/virtuemart.cfg.php.
define('PSHOP_IMG_WIDTH', '200');
define('PSHOP_IMG_HEIGHT', '200');




References:
[1] http://www.joomlaus.org/look-and-feel-configurations-in-virtuemart.html

Comments

Post a Comment

Popular posts from this blog

[Azure Websites PHP] Cross Domain request results in blank response page after Preflight HTTP OPTIONS

-
Image
THE PROBLEM I've deployed a REST API application ( CodeIgniter with Phil Sturgeon's Rest-Server library ) on Azure Websites. Although I've set the Access-Control-* header in my PHP application: header('Access-Control-Allow-Credentials: true'); header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: GET, POST, DELETE, OPTIONS'); header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept'); (If you need a working test file, here's the gist for the test file) But Azure Websites server doesn't return the headers in response. And thus all requests to the server failed with the error message: Origin http://example.azurewebsites.net is not allowed by Access-Control-Allow-Origin.   In order to make sure there's no problem with my application, I've deployed the same code to Appfog.com . And as expected, the application works just fine. The same application d...
Read more

[Magento] Create Contact Form with Dynamic Recipient

-
There are many ways of creating contact forms to email to multiple recipient. I'm going to describe a way that uses Javascript a the frontend to change the target recipient. Advantage of this method: Easy to add in new emails in the future. Disadvantage of this method: For those who are particularly concern email privacy, you might not want to use this method. You can modify the email checking to the backend (controller) instead. Okay enough talking, lets get started. Step 1: Set up HTML form fields I'm going to use an example of drop down select to change the email. Of course, this is fairly easy to modify with other forms as well. Open up app/design/frontend/default/<theme>/template/contacts/contacts.phtml Insert the following snippets anywhere between the <form>...</form> tag. <select name="interest" id="interest" title="<?php echo Mage::helper('contacts')->__('Please select department t...
Read more