eFrancesco Posted March 28, 2014 Share Posted March 28, 2014 (edited) Hello, I'm working on a multistore PS (version 1.5.6.2)I'd need to have the same theme (already installed) for all the stores but they must have different css combinations. Any suggestion on how to proceed?Is it possible to assign a different css (eg: override-global-1.css, override-global-2.cc, etc...) to each of them?I've tried to search the forum for an answer but I could not find anything.Thanks in advance. Edited March 28, 2014 by eFrancesco (see edit history) Link to comment Share on other sites More sharing options...
xlynx Posted March 28, 2014 Share Posted March 28, 2014 (edited) Hello, Try this solution : It works only if you have different shop name for each shop You can do this by going to ( Preferences > Stores Contacts ), select each shop and change the "Shop name" in the Contact details. For example you get 2 shops names : Shop A , Shop B Now go to your theme folder and open the header.tpl and find this line : <body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'htmlall':'UTF-8'}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if $content_only} content_only{/if}"> And add this : {$shop_css=preg_replace('/\s+/', '_', $shop_name)} {$shop_css|escape:'htmlall':'UTF-8'} in the beginning of class dont forget to add a space! Now it must looks like this : <body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class=" {$shop_css=preg_replace('/\s+/', '_', $shop_name)} {$shop_css|escape:'htmlall':'UTF-8'} {if isset($page_name)}{$page_name|escape:'htmlall':'UTF-8'}{/if}{if $hide_left_column} hide-left-column{/if}{if $hide_right_column} hide-right-column{/if}{if $content_only} content_only{/if}"> If you load the Shop A : you will see a class="Shop_A" If you load the Shop B : you will see a class="Shop_B" Now if you want to assign only a style for the Shop A : (example to the header) Open your global.css and add : Begin with the class Shop_A or Shop_B to assign the desired shop .Shop_A #header { width : 900px; background-color : #F00 } Now it changes the header width and color for only the Shop A but not the shop B. Best :-) xlynx Edited March 28, 2014 by xlynx (see edit history) 3 Link to comment Share on other sites More sharing options...
connectcase Posted May 6, 2014 Share Posted May 6, 2014 (edited) Why not rename the theme folder and upload to it "/themes/" and then appoint this new theme to your 2nd shop? You can then change the CSS (and images and JS etc.) of the new theme.... Edited May 6, 2014 by connectcase (see edit history) 1 Link to comment Share on other sites More sharing options...
eFrancesco Posted May 8, 2014 Author Share Posted May 8, 2014 Thanks guys, actually I've followed connectcase's suggested solution. For some reason I've not received a notification for the previous reply so I thought the topic wasn't answered yet... (Sorry Xlynx!! And thanks for your suggestion too) byeF Link to comment Share on other sites More sharing options...
mem.webproject Posted November 18, 2014 Share Posted November 18, 2014 Hi is it possible to make this hack also in 1.6.0.9 ? I try but noting happened Regards Link to comment Share on other sites More sharing options...
abdullacm Posted February 17, 2015 Share Posted February 17, 2015 Hi guys, create a module with header or display header hook and load your css file from the hook. Install the module, enable this module for the required shop, thats all 1 Link to comment Share on other sites More sharing options...
khejit68 Posted April 24, 2015 Share Posted April 24, 2015 Nice idea Abdulla. I'll try to do this with this module from Vekia Link to comment Share on other sites More sharing options...
Recommended Posts