0
alexcola (23 Апрель 2016 - 21:35) писал:
Получилось сделать так.
На счёт стилизации-как на скрине как сделать?чтобы иконка меню была сверху ..ну и.т.д.
И ещё очень важный вопрос,на который Вы не ответили..как сделать так чтобы был не выпадающий список...а как на скрине...т.е
Выбираем допустим Чёрный металлопрокат,А ВНИЗУ него появляется уже ЕГО ПОДКАТЕГОРИИ...я так понимаю это фрейм уже получается...Спасибо
На счёт стилизации-как на скрине как сделать?чтобы иконка меню была сверху ..ну и.т.д.
И ещё очень важный вопрос,на который Вы не ответили..как сделать так чтобы был не выпадающий список...а как на скрине...т.е
Выбираем допустим Чёрный металлопрокат,А ВНИЗУ него появляется уже ЕГО ПОДКАТЕГОРИИ...я так понимаю это фрейм уже получается...Спасибо
Здравствуйте. Речь идет об аккаунте 382786? Указывайте, пожалуйста в сообщениях, к какому магазину относится вопрос, чтобы у модераторов не возникало путаницы и дополнительных вопросов. Спасибо.
Перед внесением изменений, создайте бэкап шаблона.
1) В шаблоне html найдите блок кода:
<ul>
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>
{% IF catalog_full.NAME = Чёрный металлопрокат %}
<img style="height:20px;width:auto;" src="/design/tab-1-1.png" alt="" />
{% ELSEIF catalog_full.NAME = Нержавеющий металлопрокат %}
<img style="height:20px;width:auto;" src="/design/tab-2-1.png" alt="" />
{% ELSEIF catalog_full.NAME = Цветной прокат %}
<img style="height:20px;width:auto;" src="/design/tab-3-1.png" alt="" />
{% ELSEIF catalog_full.NAME = Водозапорная арматура %}
<img style="height:20px;width:auto;" src="/design/tab-4-1.png" alt="" />
{% ELSEIF catalog_full.NAME = Металлоконструкции %}
<img style="height:20px;width:auto;" src="/design/tab-5-1.png" alt="" />
{% ENDIF %}
{catalog_full.NAME}
</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{% ENDFOR %}
</ul>
замените его на:
<ul>
{% FOR catalog_full %}
{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
<div class="cat-menu-content"> <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>
{% IF catalog_full.NAME = Чёрный металлопрокат %}
<div class="cat-menu-image"> <img src="/design/tab-1-1.png" alt="" /></div>
{% ELSEIF catalog_full.NAME = Нержавеющий металлопрокат %}
<div class="cat-menu-image"><img src="/design/tab-2-1.png" alt="" /></div>
{% ELSEIF catalog_full.NAME = Цветной прокат %}
<div class="cat-menu-image"><img src="/design/tab-3-1.png" alt="" /></div>
{% ELSEIF catalog_full.NAME = Водозапорная арматура %}
<div class="cat-menu-image"><img src="/design/tab-4-1.png" alt="" /></div>
{% ELSEIF catalog_full.NAME = Металлоконструкции %}
<div class="cat-menu-image"><img src="/design/tab-5-1.png" alt="" /></div>
{% ENDIF %}
{catalog_full.NAME}
</a></div>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
{% ENDFOR %}
</ul>
Затем, в шаблоне main.css найдите строки:
.image_cat .subhead > a {
padding: 10px;
display: block;
border: 1px solid #ccc;
border-radius: 10px;
}
замените их на на:
.image_cat .subhead > a {
padding: 15px;
display: block;
}
В конец шаблона добавьте:
.cat-menu-image {width: 50px;margin: 0 auto;}
.cat-menu-image img {width: 50px;margin: 0 auto;}
.cat-menu-content a {font-size: 13px;font-weight: 600;color: #71A6E7;}
.image_cat ul li:hover {background: #f2f2f2;}
Автоматически загрузить изображения для подкатегорий нельзя. Можно сделать это вручную, как и для категорий. Но если подкатегорий будет много, то код получится тяжелый. Изображения, в любом случае увеличивают скорость прогрузки страницы. Это изменение не лучшим образом скажется на сайте. Вы уверены, что хотите сделать подобные изменения?
