Изменения В Шаблоне
#1
Отправлено 21 Июль 2016 - 20:01
1. Подскажите, что поменять в шаблоне, чтобы плитка товарных категорий и товаров в интернет-магазине размещалась не в 4, а в 5 рядов?
2. Как уменьшить размер шрифта и сам шрифт во всплывающем меню?
Аккаунт SL-389375
#2
Отправлено 21 Июль 2016 - 20:19
ofigennaya (21 Июль 2016 - 20:01) писал:
1. Подскажите, что поменять в шаблоне, чтобы плитка товарных категорий и товаров в интернет-магазине размещалась не в 4, а в 5 рядов?
2. Как уменьшить размер шрифта и сам шрифт во всплывающем меню?
Аккаунт SL-389375
Здравствуйте.
1. Без изменения верстки, к сожалению, можно сделать либо 4 столбца категорий, либо 6.
Если Вас устроит вариант с 6, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:
<div class="cat {% IF index_page %}col-md-3{% ENDIF %} col-sm-4 col-sms-6 col-smb-12">
Замените на:
<div class="cat {% IF index_page %}col-md-2{% ENDIF %} col-sm-4 col-sms-6 col-smb-12">
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li a.title-lv1 {font-size: 150%;margin-bottom: 10px;text-transform: uppercase;font-weight: normal;padding: 12px 0 4px;display: block;}
Замените на:
#custommenu ul.mainnav li a.title-lv1 {font-size: 125%;margin-bottom: 10px;font-weight: normal;padding: 12px 0 4px;display: block;}
#3
Отправлено 21 Июль 2016 - 20:51
Firefly (21 Июль 2016 - 20:19) писал:
1. Без изменения верстки, к сожалению, можно сделать либо 4 столбца категорий, либо 6.
Если Вас устроит вариант с 6, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товары, найдите код:
<div class="cat {% IF index_page %}col-md-3{% ENDIF %} col-sm-4 col-sms-6 col-smb-12">
Замените на:
<div class="cat {% IF index_page %}col-md-2{% ENDIF %} col-sm-4 col-sms-6 col-smb-12">
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#custommenu ul.mainnav li a.title-lv1 {font-size: 150%;margin-bottom: 10px;text-transform: uppercase;font-weight: normal;padding: 12px 0 4px;display: block;}
Замените на:
#custommenu ul.mainnav li a.title-lv1 {font-size: 125%;margin-bottom: 10px;font-weight: normal;padding: 12px 0 4px;display: block;}
#4
Отправлено 21 Июль 2016 - 21:00
ofigennaya (21 Июль 2016 - 20:51) писал:
В шаблоне Товары найдите ранее измененный код:
<div class="cat {% IF index_page %}col-md-2{% ENDIF %} col-sm-4 col-sms-6 col-smb-12">
Замените на:
<div class="cat {% IF index_page %}col-md-2{% ENDIF %} col-sm-3 col-sms-6 col-smb-12">
#5
Отправлено 21 Июль 2016 - 23:00
Firefly (21 Июль 2016 - 21:00) писал:
<div class="cat {% IF index_page %}col-md-2{% ENDIF %} col-sm-4 col-sms-6 col-smb-12">
Замените на:
<div class="cat {% IF index_page %}col-md-2{% ENDIF %} col-sm-3 col-sms-6 col-smb-12">
1. Теперь проблема с карточками товаров http://fishermany.ru/catalog/Bojly не умещается название товара. Может быть можно сделать текст поменьше и перенос на две строки?
2. Товары также никак нельзя в 4 столбца сделать? Они получились огромными))
#6
Отправлено 22 Июль 2016 - 00:05
#7
Отправлено 22 Июль 2016 - 00:18
#8
Отправлено 22 Июль 2016 - 01:18
#9
Отправлено 22 Июль 2016 - 02:02
ofigennaya (21 Июль 2016 - 23:00) писал:
1. Теперь проблема с карточками товаров http://fishermany.ru/catalog/Bojly не умещается название товара. Может быть можно сделать текст поменьше и перенос на две строки?
2. Товары также никак нельзя в 4 столбца сделать? Они получились огромными))
1. В main.css найдите:
.categories .cat .cat-name h3 { font-size: 22px; text-overflow: ellipsis; margin-top: 20px; max-height: 44px; }
замените на:
.categories .cat .cat-name h3 { font-size: 18px; margin-top: 20px; }
2. В шаблоне Товары найдите:
<!-- Вывод товаров ТАБЛИЦЕЙ --> <div class="products-grid clearfix"> {% FOR goods %} <div class="item show-addtocart col-sm-4 col-sms-6 col-smb-12">
замените на:
<!-- Вывод товаров ТАБЛИЦЕЙ --> <div class="products-grid clearfix"> {% FOR goods %} <div class="item show-addtocart col-sm-3 col-sms-6 col-smb-12">
далее в main.css найдите:
.products-grid .item .item-inner .item-img .item-img-info a.product-image { display: table-cell; vertical-align: middle; height: 270px; width: 270px; }
замените на:
.products-grid .item .item-inner .item-img .item-img-info a.product-image { display: block; vertical-align: middle; height: auto; width: 100%; max-width: 100%; }
ofigennaya (22 Июль 2016 - 00:05) писал:
В шаблоне Товары найдите:
{% IF GOODS_VIEW_TYPE=1 %} <!-- Вывод товаров ТАБЛИЦЕЙ -->
замените на:
{% IF GOODS_VIEW_TYPE=2 %} <!-- Вывод товаров ТАБЛИЦЕЙ -->
далее найдите:
{% IF GOODS_VIEW_TYPE=1 %} <strong title="Таблица" class="grid"></strong> <a href="?goods_view_type=2" title="Список" class="list"></a> {% ELSE %} <a href="?goods_view_type=1" title="Таблица" class="grid"></a> <strong title="Список" class="list"></strong> {% ENDIF %}
замените на:
{% IF GOODS_VIEW_TYPE=2 %} <strong title="Таблица" class="grid"></strong> <a href="?goods_view_type=1" title="Список" class="list"></a> {% ELSE %} <a href="?goods_view_type=2" title="Таблица" class="grid"></a> <strong title="Список" class="list"></strong> {% ENDIF %}
ofigennaya (22 Июль 2016 - 00:18) писал:
Для этого товарам добавьте характеристику по бренду, далее зайдите в редактирование категории и аключите фильтры по данной характеристике.
ofigennaya (22 Июль 2016 - 01:18) писал:
Для этого товарам необходимо добавить модификации, подробнее:
http://forum.storela...indpost__p__187
#10
Отправлено 22 Июль 2016 - 09:41
#11
Отправлено 22 Июль 2016 - 09:54
ofigennaya (22 Июль 2016 - 09:41) писал:
В main.css найдите код
.products-grid .item .item-inner .item-info .info-inner .item-title { margin-bottom: 3px; padding-top: 6px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }и замените на
.products-grid .item .item-inner .item-info .info-inner .item-title { margin-bottom: 3px; padding-top: 6px; font-size: 16px; height: 45px; }
#12
Отправлено 22 Июль 2016 - 10:33
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных