Jump to content

Welcome, Guest!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

Sign in to follow this  

Custom CSS per product based on manufacturer

Recommended Posts

Hi, mby someone find this usefull:

Open theme folder and find header.tpl, inside HEAD tag insert: 

{if ($page_name == 'product' or $page_name == 'manufacturer'  )}  <link href="{$css_dir}manufacturer/{$product_manufacturer->name|replace:' ':''|lower}.css" rel="stylesheet"> {/if}

Now our link css will show only on product and manufacturer page.  

Next create folder inside theme/css/ and name it manufacturer (name depends on you - but dont forget to edit link)

Last, just upload your css and name it after manufacturer (without spaces, and and lower case because {$product_manufacturer->name|replace:' ':''|lower} )  - so for Bee Hive u need to create beehive.css

Thats it 😉


  • Like 1

Share this post

Link to post
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
Sign in to follow this  

  • Create New...