Опубликовано: 27 ноября 2015
Как отобразить список подкатегорий на странице категории кнопками?
То есть этот список должен оставаться ссылками на
под-категории, как и задумано "вебасист", но сделать для них рамки, а при наведении на нужную ссылку -
делать заливку в пределах рамки (эффект кнопки). Что-то подобное, только для характеристик, реализовано
Комментарии (7)
заменитt строку
на<li><a href="{$sc.url}">{$sc.name|escape}</a></li>
<li><a class="button third-type" href="{$sc.url}">{$sc.name|escape}</a></li>
если необходимо что бы кнопки были одна под другой, то в пользовательских стилях пропишите правила
/*для экранов меньше 481px*/ .sub-links li{ width:100%; display:inline-block; } /*для экранов от 481px до 741px*/ @media only screen and (min-width:481px){ .sub-links li{ width:50%; } } /*для экранов от 741px до 993px*/ @media only screen and (min-width:741px){ .sub-links li{ width:33.33%; } } /*для экранов от 993px до 1281px*/ @media only screen and (min-width:993px){ .sub-links li{ width:25%; } } /*для экранов свыше 1281px*/ @media only screen and (min-width:1281px){ .sub-links li{ width:20%; } }где свойство свойству width Вы можете изменить ширину по необходимости
сайт http://quadromotors.ru/category/radioupravlyaemye-...
Сделал ссылку на подкатегории в виде кнопки как написано выше:
в файле "category.html" (магазин-витрина-шаблоны)заменитt строку
на<li><a href="{$sc.url}">{$sc.name|escape}</a></li>
<li><a class="button third-type" href="{$sc.url}">{$sc.name|escape}</a></li>
Но у меня между кнопками осталась вертикальная черта
как ее убрать?
в пользовательских стилях пропишите
sub-links li::after{
display:none;
}
Прописал, черточки остались...
такого правила в стилях я не увидел на сайте
где прописали - скриншот
замените
.sub-links li::after
на
.sub-links li:after
Заменил, все также, черточки остались
Прошу прощения, точку в начале не поставил, все работает!
.sub-links li:after
Как всегда у Вас наилучшая поддержка, спасибо!
Спасибо!