Question

我使用带有多重选项的prestashop 1.6.1.2。

我想更改每个商店的标题颜色。

我使用相同的主题，因为复制不适用于当前主题。

在header.tpl中我添加了：

if {$shop_name=="myshop"} {literal}<style> .header-top { background-color: #d6644a; }</style>{/literal}{/if}

我用if {$id-shop=="3"}

进行测试

但标题中没有任何变化

Answer 1

在header.tpl中更改此部分

<body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'html':'UTF-8'}{/if}{if isset($body_classes) && $body_classes|@count} {implode value=$body_classes separator=' '}{/if}{if $hide_left_column} hide-left-column{else} show-left-column{/if}{if $hide_right_column} hide-right-column{else} show-right-column{/if}{if isset($content_only) && $content_only} content_only{/if} lang_{$lang_iso}">

使用此选项在车身类中包含商店名称

<body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'html':'UTF-8'}{/if}{if isset($shop_name) && Configuration::get('PS_MULTISHOP_FEATURE_ACTIVE')} {$shop_name|lower|replace:' ':'_'}{/if}{if isset($body_classes) && $body_classes|@count} {implode value=$body_classes separator=' '}{/if}{if $hide_left_column} hide-left-column{else} show-left-column{/if}{if $hide_right_column} hide-right-column{else} show-right-column{/if}{if isset($content_only) && $content_only} content_only{/if} lang_{$lang_iso}">

然后在你的CSS中你可以使用

.my_store .header {
    background: red;
}

Answer 2

更好的方式是

之间的空间

.shop_pro .header-top {
    background: red;
}

Answer 3

更好的方式，

之间的空间

.my_store .header {
    background: red;
}

检查您的页面源代码。应该是这样的商店名称

<!--[if IE 8]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body id="index" class="index my_store hide-left-column hide-right-column lang_en">

Answer 4

应该与商店名称相似

<body id="index" class="index my_store hide-left-column hide-right-column lang_en">

Answer 5

我使用此模块为每个商店提供自定义css。它是有益的 https://dh42.com/free-prestashop-modules/prestashop-free-css-module/ 谢谢你的所有建议它适用于prestashop 1.6.1.2

更改标题颜色多重prestashop

5 个答案: