How to create a button that combines the Add to cart text and the price?
There are two ways:Â
- Set a button's text to Add to cart + Product priceÂ
- Another way is to add a text widget and a product widget widget to a container, set the link of the contianer to Add to cart
You can find exmaple of them on the product miniature demo page. If you like them, copy them to your site.
How to have a hover image?
Another image shows out when the miniature is on hover. Here are key points of doing it.
- Stack to two images by setting one of the image's position to absolute to make it on top of another.
- Set the top image's opacity to 0 to make it invisible.
- Set the top image's opacity back to 1 on hover.
Troubleshoot
Product name and product price are in the same line, if the miniature is small and the name is long, the name may push the price out of the miniature.Â
The solution is to set the Size to 1 1 0Â
Why does the product miniature look different in the front office?
A miniature template will be updated when its content is changed, but the templates that include the newly updated miniature template won't be updated automatically. At the time, if you check the miniature on the front end, the miniature doesn't look the same as it does in the editor. Clearing the Smarty cache won't work; the first step is to clear the template cache, and then the Smarty cache.Â
Check the Clear cache section on the FAQ page for more info.
