Jump to content
thirty bees forum

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
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...