Jump to content

Change category headings to images, plus other questions...


Recommended Posts

Hello and thanks in advance for your help :-)

1. I am not able to figure out how to replace the headings (pointed at with the pink lines) with images, either in the global.css file or the blockcategories.tpl file, blockinfos.tpl file, etc. I tried a few things but they either did not work at all or seriously screwed up the UI. Please advise on the best way to do so while preserving the

tag.

2. I found during the test order that the final "thank you" page is not showing the semi-transparent box like other pages, so the text is difficult to read. Where in the CSS file can I create the box to place behind the text pointed to in green? All I see in Firebug are < p> tags and of course I can't change the global settings for those based on one page.

3. Within the confirmation text is this link tag that is somehow broken (blue lines), and I need to fix it or remove it. Where can I find this to modify?

39985_m0v1tSEOvQ1vCaTWqltS_t

Link to comment
Share on other sites

I am looking for the answer to this question as well.

See this post for some useful information http://www.prestashop.com/forums/viewthread/88182/P0/configuring___using_prestashop/replacing_default_font_with_custom_font.


You use to be able to change the blockcategories.tpl file, yet for some reason, in the new PrestaShop version it does not work. This was working for me in version 1.3.2.3 but is not working in version 1.4.

Link to comment
Share on other sites

I resolved this by creating my images and modifying the global.css file as follows:

/* Custom Block Headers  */
div.block#categories_block_left h4 {
   background: transparent url('../img/category_head.gif') no-repeat top left;
   text-indent: -5000px;
}
div.block#manufacturers_block_left h4 {
   background: transparent url('../img/brand_head.gif') no-repeat top left;
   text-indent: -5000px;

}
div.block#viewed-products_block_left h4 {
   background: transparent url('../img/viewed_head.gif') no-repeat top left;
   text-indent: -5000px;
}
/* End Custom Block Headers */

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...