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.
Custom.css
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.
Grid/list switcher
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
For Windows users I recommend using Notepad+, for Mac users it would be TextWrangler. If you need more powerful program I suggest Netbeans.
Hope it helps you! :)
Incoming search terms:
Searching for a Prestashop theme?
Create your own Prestashop theme here on Prestabuilder.com
Try out PrestaBuilder Theme Editor
Andrej Staš
Andrej is a Prestashop enthusiast. He started by developing his own themes and then formed the idea of creating Theme Maker. He enjoys finding ways to make his life simpler, and that is the philosophy he incorporates into all his projects. Andrej is also interested in WordPress, Amazon FBA, drop shipping, studying languages, and reading books.
25 Comments
Richard Hunter · 1 decade ago
Excellent info.
I have a question. How can I make the home page one column?
Andrej · 1 decade ago
This will be featured in the next releases! :)
Richard Hunter · 1 decade ago
When is the estimated time of arrival of the next release?
Andrej · 1 decade ago
November 24th – working on it right now.
jasper · 1 decade ago
Hallo Andrej,
I have a question. How can I enable the add to cart button evrywhere on the site?
Thanx,
Andrej · 1 decade ago
Hi Jasper,
please send me your theme zip via the contact form:
http://prestashop-theme-maker.com/contact/
I will let you know
Richard Añez · 1 decade ago
how I can change the heade ?, I would like to place a banner o the logo bigger ..
thanks.
Hola como pudo cambiar la cabecera, quisiera colocar un banner en ella.
saludos
Andrej · 1 decade ago
Depends on what changes you need.
Generally the header may be changed in your_theme/header.tpl
irene · 1 decade ago
pls i want to add two more layers after featured products, how do i do that, also how can i change modules names to suit me
Andrej · 1 decade ago
What kind of layers do you mean?
irene · 1 decade ago
pls i want to duplicate modules wit different titles
Andrej · 1 decade ago
This require also change of the duplicated modules – you’ll need a programmer there to change the names of the modules in the code.
Serafin · 1 decade ago
Hi
When i change to Grid view the items are shown in 3 items per line, and are 4 lines, leaving just one item in the last line (making the total of 10 items shown in one page), theres a way to fix the number of items in one page, for have 9 items (3 items per line in 3 lines), to avoid having one extra line with just one item?
Thanks
Presta Theme Maker · 1 decade ago
Hi,
back office > preferences > products > “Products per page”
There you can set your desired number of products per page.
Ivan11 · 1 decade ago
Hi Andrej, is it possible to save an unfinished theme and work on it later? If so, what about multiple works in progress?
Presta Theme Maker · 1 decade ago
Hi,
unfinished theme is saved in the browser – but you can’t open any other theme.
If you’re a member – all downloaded themes are automatically saved into your account.
basix101 · 1 decade ago
Trying to get rid of page numbers in homeslider.
How do I deactivate it?
Should I do something with this?
/css/custom.css (line 23)
span.number, .bx-pager
a.pager-active {
}
Mario Sturdik · 1 decade ago
Ahoj Andrej, urobil som si nove logo ale stale tam mam povodne, ako ho tam dam, ked som ho na strankach u vas uploadoval a aj sa mi zobrazilo pred stiahnutim? Po instalacii mojho obchodu tam je stre, predvolene…
Dakujem Mario
Presta Theme Maker · 1 decade ago
V Theme Makeri je uvedene, ze logo je zobrazovane len pre ilustraciu. Po instalacii sablony si ho musis znova do svojho eshopu nahrat
Nicolae Albicsuk · 1 decade ago
How do I change the image size of the manufacturers, I tried to> Preferences> Images, and do not change.
http://www.nicktechnology.com/index.php?controller=manufacturer
thanks
marcos sá · 1 decade ago
Hi,
I need to increase the size of the photos on the main page.
I tried to increase the size of the images in “preferences / images”, but the pictures seem limited by the edges of the featured products.
I tried to restart the module “featured products”, without success.
I used 245×245 and tried other values, without being able to enlarge the photos.
Kevin Mcqueen · 8 years ago
I have a question. Why when I try to upload my zip file for the theme i created for 1.5 am I getting a “fatal error”?
Presta Theme Maker · 8 years ago
Hi Kevin, can you please send me your theme ZIP on my email presta.theme.maker@gmail.com ? I will check it
Lars Mikkelsen · 8 years ago
Hi
Can i change things in the theme after download or do i have to pay once more for small changes ?
Presta Theme Maker · 8 years ago
Hi Lars,
you can re-download your theme as long as you are a member. If you decide for the 15 day account, you have 2 weeks (+1 day) to download up to 5 themes and decide which fits best for your needs :)
For 6 months, it’s already 50 downloads and unlimited for 1 year.
You must be logged in to post a comment.