Opencart:如何基于语言加载不同的CSS样式

时间:2018-09-07 22:07:13

标签: php html opencart opencart-3

我使用opencart 我想在语言为ar时加载stylesheet-rtl.css 语言为en时显示样式表和样式表

我尝试了这个,还有一些我在互联网上找到的其他尝试,但这没用吗?

<?php if($direction == "rtl"){?>
    <link href="catalog/view/theme/tt_palora1/stylesheet/style.css" rel="stylesheet">
<?php } else { ?>
    <link href="catalog/view/theme/tt_palora1/stylesheet/stylesheet.css" rel="stylesheet">
<?php }?>

有什么帮助吗?

2 个答案:

答案 0 :(得分:2)

direction中有一个header.php变量:

$data['direction'] = $this->language->get('direction');

您可以在视图文件中使用它,编辑此文件

catalog\view\theme\your-theme\template\common\header.twig

查找:

<link href="catalog/view/theme/your-theme/stylesheet/stylesheet.css" rel="stylesheet">

替换为:

{% if direction == 'rtl' %}
    <link href="catalog/view/theme/your-theme/stylesheet/stylesheet-rtl.css" rel="stylesheet">
{% else %}
    <link href="catalog/view/theme/your-theme/stylesheet/stylesheet.css" rel="stylesheet">
{% endif %}

然后清除主题和ocmod缓存。

答案 1 :(得分:0)

`

<link href="catalog/view/theme/your-theme/stylesheet/stylesheet.css" rel="stylesheet">    
{% if direction == 'rtl' %}
    <link href="catalog/view/theme/your-theme/stylesheet/stylesheet-rtl.css" rel="stylesheet"> 
{% endif %}

`

在 stylesheet-rtl.css 中只需添加 RTL 版本中会发生变化的内容,这样您就可以获得更小的文件大小