Improve Popup Cart Feature in TomatoCart

Last Updated on Saturday, 8 June 2013 10:32 Written by Jack Yin Monday, 10 June 2013 12:00

In the default glass gray template of TomatoCart, it is necessary to click the popup cart to show it. And the popup cart can’t be closed automatically when the customer’s mouse leave out it. So, I have improved the popup cart feature as follows:

- When the customer put the mouse on the popup cart, the popup cart will be displayed automatically.
- When the customer put the mouse on the popup cart, the cart contents will not be closed automatically unless the customer’s mouse leave from it.

Improve Popup Cart Feature in TomatoCart

Last Updated on Thursday, 6 June 2013 03:37 Written by Jack Yin Saturday, 8 June 2013 12:00

In the default glass gray template of TomatoCart, it is necessary to click the popup cart to show it. And the popup cart can’t be closed automatically when the customer’s mouse leave out it. So, I have improved the popup cart feature as follows:

– When the customer put the mouse on the popup cart, the popup cart will be displayed automatically.

– When the customer put the mouse on the popup cart, the cart contents will not be closed automatically unless the customer’s mouse leave from it.

Quick Tip: Display Product Images in the PrestaShop Ajax Cart

Last Updated on Saturday, 11 May 2013 06:14 Written by Fabio Porta Wednesday, 15 May 2013 12:00

Adding product images in the default Prestashop Ajax cart can be trickier than expected, especially if you want to display them on the fly, without a page refresh. Let’s see how to do it properly in this quick tip!

Introduction: the 3 files we need to edit

You might think that it can be simple enough to add a small thumb for each product in the ajax cart. Opening the tpl file, adding the same code you find in the product list. Done.

Collection of Great Twitter Bootstrap Resources For TomatoCart Template Development: Part II

Last Updated on Monday, 18 February 2013 04:29 Written by Jack Yin Wednesday, 20 February 2013 12:00

As mobile devices spread like a wildfire upon the world, many businesses realize the value in providing a mobile shopping alternative to their main website. TomatoCart is willing to make mobile shopping experience more seamless. TomatoCart has released an alpha version of responsive theme based on Bootstrap. Bootstrap is a responsive design, HTML, JavaScript and CSS framework which has a lot of the design elements that you would require to get a polished product off the ground quickly.

This article collects many bootstrap UI components extensions to help developers make great ecommerce website:

How to Comment your Code in OpenCart

Last Updated on Monday, 4 February 2013 03:22 Written by Joe Stenhouse Tuesday, 12 February 2013 12:00

It is inevitable that if you spend enough time within the OpenCart framework you will end up writing some of your own customizations, especially if you plan on extending the default installation. There is nothing worse than making a ton of customizations and not remembering where they are later on. In PHP there are a couple of ways to comment your code so it will be easily seen and “marked” if you will, allowing you to find it later. This is especially helpful with files that have a thousand + lines of code. Sometimes, if you aren’t used to looking at PHP it can all start the look the same. For this article we will comment some custom code within the following file: catalog/controller/product/product.php which is a control file.

Today we will simulate adding a couple variables to be echoed on to the product.tpl page. The product.tpl is a VIEW file and is better known as Opencart’s Product Details Page. In