d.crysty23 Posted February 13, 2014 Share Posted February 13, 2014 I have 2 questions: do you know how I can disable the module that allows the user to choose the colour of the product? I don't need it and I would like to remove it. My second question is about the "Add to cart" yellow button.. I'd like to change its shape and colour but I can't find the way to do it. Do you know which line should I look for and in which file? Link to comment Share on other sites More sharing options...
mytheory. Posted February 13, 2014 Share Posted February 13, 2014 (edited) Hi, First question... are you referring the to attribute options? If so, this is not a module but a built in function of PS. However, it does not show unless you explicitly generate attribute options for that product. If you want to get rid of the attributes, you should delete the attributes from that product. Go to the product edit page in the BO and click the "Combinations" tab. If there are combination options, then the attribute options will show. Delete these options to prevent the attributes from showing on the product page. There is a way to prevent this from showing from all your product pages but it requires modification to core files. You can't simply enable or disable it. Second question... you would need to edit the global.css file of the theme. Some custom themes may put the style element in another css file, but most likely it will be in this global file. Edit /root/themes/default/css/global.css. This path will be different if you are using a custom theme. You should also use the firebug plugin to inspect the exact element. This will allow you to make temp changes directly in the browser, but will also show you the file and line number where you commit the changes. Hope this helps! Edited February 13, 2014 by mytheory. (see edit history) Link to comment Share on other sites More sharing options...
d.crysty23 Posted February 13, 2014 Author Share Posted February 13, 2014 (edited) I solved the first problem but I can't find a solution for the second one.. I've edited with firebug before posting this as well, but I haven't found the exact path. Can I leave you a link so you could look it up please? http://www.3bwine.com/CRISTY/prestashop/index.php?id_product=1&controller=product Edited February 13, 2014 by d.crysty23 (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted February 14, 2014 Share Posted February 14, 2014 I solved the first problem but I can't find a solution for the second one.. I've edited with firebug before posting this as well, but I haven't found the exact path. Can I leave you a link so you could look it up please? http://www.3bwine.com/CRISTY/prestashop/index.php?id_product=1&controller=product i think that this can be helpful for you: add to cart button change Link to comment Share on other sites More sharing options...
d.crysty23 Posted February 14, 2014 Author Share Posted February 14, 2014 and from there I can change the yellow colour of the buton? Doesn't the tutorial refer to the shopping cart icon on the left? I don't want that. Link to comment Share on other sites More sharing options...
vekia Posted February 14, 2014 Share Posted February 14, 2014 background of the button is an image http://www.3bwine.com/CRISTY/prestashop/themes/default/img/bg_bt.gif you can change everything for this button here: input.button_mini, input.button_small, input.button, input.button_large, input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled, input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large, input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, a.button_mini, a.button_small, a.button, a.button_large, a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large, span.button_mini, span.button_small, span.button, span.button_large, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled { position: relative; display: inline-block; padding: 5px 7px; border: 1px solid #cc9900; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; font-weight: bold; color: #000; background: url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b; cursor: pointer; } there is background param and also border param. just change colors / image. it's a global.css file line ~148 Link to comment Share on other sites More sharing options...
Recommended Posts