How to effectively edit my Prestashop theme?
Let's say you have created your theme from PS Theme Maker and then installed into your eshop. But it seems you'd like to make some minor changes or tweaks.
You may get back to the Theme Maker OR if it is something specific there're always some ways to do it by yourself.
I may give you some tips where to start.
Developer tools in Google Chrome
This is must have. Thanks to this tool will be able to detect precisely the element you are looking for. Take a look at this tutorial video. Once you locate the element you know exactly what file (and line) should be edited.
As for the colors and basic layout - this is the most important CSS file in your theme. The file can be found at your_eshop/themes/your_theme/css/custom.css
Note that this file is included only in themes created in PS Theme Maker. Other developers may solve it differently.
There's also an easy way to switch between grid/list layout manually. Open your_eshop/themes/your_theme/product-list.tpl
You'll find this line:
<ul id="product_list" class="products_block list clearfix">
Just rewrite the class "list" to "grid" or vice versa and it's ready to go!
Editor for quick changes
Hope it helps you! 🙂
Incoming search terms:
custom modifications prestashop, developer tools, grid view for prestashop, list view for prestashop, notepad, prestaschop theme tweaks, prestashop edit theme, prestashop theme changes, textwrangler, tutorial prestashop
Create your theme
25 Comments (+add yours?)
Leave a Reply