Страница 1 из 1

SVG в Мобильном Меню

Добавлено: 21.11.2021, 00:02
exid
При загрузке в категории каталога изображений в формате SVG, в мобильном меню они отображаются не корректно (не ровно и обрезано).
В связи с этим прошу изменить шаблон мобильного меню mobile_menu.tpl с

Код: Выделить всё

{if $c->image}
<span class="nav-icon"><img src="{$c->image|resize:20:20:false:$config->resized_categories_dir}" alt="{$c->name|escape}" /></span>{/if}

на

Код: Выделить всё

{if $c->image}
{if strtolower(pathinfo($c->image, $smarty.const.PATHINFO_EXTENSION)) == 'svg'}
<span class="nav-icon">{$c->image|read_svg:$config->original_categories_dir}</span>
{else}
<span class="nav-icon"><img src="{$c->image|resize:20:20:false:$config->resized_categories_dir}" alt="{$c->name|escape}" /></span>
{/if}
{/if}


а так же добавить стиль в mobile_menu.css

Код: Выделить всё

.hc-offcanvas-nav .nav-icon svg{width:100%;height:100%;margin-right:auto}