Товар На Главной .
#1
Отправлено 18 Март 2018 - 13:49
1 Подскажите пожалуйста как сделать так чтоб кнопка в корзину была сразу под товаром и всегда была видна . То есть в полной версии была так же как и в мобильной версии .
2 Поменять цвет и шрифт цены товара .
3 Список товаров на главной выводимых было больше 10ти.
4 Быстрый просмотр картинки товара сделать так чтоб при нажатии в любое место на картинке открывался быстрый просмотр. И чтоб при наведении курсора картинка не затемлялась.
Заранее огромное спасибо.
#2
Отправлено 21 Март 2018 - 15:09
Уточните Ваш актуальный номер аккаунта, текущий 365539 - заблокирован
#3
Отправлено 21 Март 2018 - 19:27
#6
Отправлено 20 Август 2018 - 20:20
#7
Отправлено 21 Август 2018 - 07:37
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-image .mask {position: absolute;width: 530%;height: 280%;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.9);opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";} .products-grid .item .product-image:hover .mask {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";} .products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);} .products-grid .item .product-image .actions .group-mask {display: table;width: 100%;height: 100%;overflow: hidden;background-color: transparent;} .products-grid .item .product-image .actions .inner-mask {display: table-cell;vertical-align: middle;} .products-grid .item .product-image .actions .ratings { margin-bottom: 15px; height: 20px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate(10px, -30px); -moz-transform: translate(10px, -30px); -o-transform: translate(10px, -30px); -ms-transform: translate(10px, -30px); transform: translate(10px, -30px); display: none; } .products-grid .item .product-image:hover .actions .ratings {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);} .products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;-ms-transform: scale(0,1);-webkit-transform: scale(0,1);transform: scale(0,1);} .products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);} .products-grid .item .product-image .actions .add-to-links {opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform: translate(-10px, 30px);-moz-transform: translate(-10px, 30px);-o-transform: translate(-10px, 30px);-ms-transform: translate(-10px, 30px);transform: translate(-10px, 30px);} .products-grid .item .product-image:hover .actions .add-to-links {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);} .products-grid .item .product-image .actions .add-to-links > a { display: none; position: relative;padding: 0 12px;font-size: 18px;} .products-grid .item .product-image .actions .add-to-links > a:first-child:before {position: absolute;top: 50%;left: 100%;height: 18px;width: 1px;content: '';margin-top: -9px;background-color: #ccc;} .products-grid .item .product-image .actions.compare-off .add-to-links > a:first-child:before {display: none;} .products-grid .item .product-image .actions .add-to-links > a:hover, .products-grid .item .product-image .actions .add-to-links > a.added {color: #8C2C29;} .products-grid .item .product-image .actions .add-to-links .quickview-wrap {margin-top: 10px;} .products-grid .item .product-image .actions .add-to-links .quickview-wrap span {padding: 10px;font-size: 16px;} .products-grid .item .product-image .actions .add-to-links .quickview-wrap .quickview i {display: none;}
замените на:
.products-grid .item .product-image .actions {display: block;text-align: center;width: 100%;} .products-grid .item .product-image .actions .ratings, .products-grid .item .product-image .actions .add-to-links > a {display: none;} .products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;} .products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);} .products-grid .item .product-image .actions .add-to-links .quickview {position: absolute;top: 0; width: 100%; left: 0;right: 0;height: calc(100% - 60px);z-index: 10;text-indent: -9999px;}
далее найдите:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;}
замените на:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;color:#cccccc;}
значение цвета вместо color:#cccccc; укажите необходимое.
Далее зайдите в шаблон HTML - найдите и удалите:
{% IF index_page_new_goods.index > 30 %}{break}{% ENDIF %}
далее найдите и удалите:
{% IF index_page_favorites_goods.index > 30 %}{break}{% ENDIF %}
далее найдите и удалите:
{% IF index_page_goods.index > 30 %}{break}{% ENDIF %}
#8
Отправлено 23 Август 2018 - 00:02
Vaccina (21 Август 2018 - 07:37) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-image .mask {position: absolute;width: 530%;height: 280%;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.9);opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";} .products-grid .item .product-image:hover .mask {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";} .products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);} .products-grid .item .product-image .actions .group-mask {display: table;width: 100%;height: 100%;overflow: hidden;background-color: transparent;} .products-grid .item .product-image .actions .inner-mask {display: table-cell;vertical-align: middle;} .products-grid .item .product-image .actions .ratings { margin-bottom: 15px; height: 20px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate(10px, -30px); -moz-transform: translate(10px, -30px); -o-transform: translate(10px, -30px); -ms-transform: translate(10px, -30px); transform: translate(10px, -30px); display: none; } .products-grid .item .product-image:hover .actions .ratings {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);} .products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;-ms-transform: scale(0,1);-webkit-transform: scale(0,1);transform: scale(0,1);} .products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);} .products-grid .item .product-image .actions .add-to-links {opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform: translate(-10px, 30px);-moz-transform: translate(-10px, 30px);-o-transform: translate(-10px, 30px);-ms-transform: translate(-10px, 30px);transform: translate(-10px, 30px);} .products-grid .item .product-image:hover .actions .add-to-links {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);} .products-grid .item .product-image .actions .add-to-links > a { display: none; position: relative;padding: 0 12px;font-size: 18px;} .products-grid .item .product-image .actions .add-to-links > a:first-child:before {position: absolute;top: 50%;left: 100%;height: 18px;width: 1px;content: '';margin-top: -9px;background-color: #ccc;} .products-grid .item .product-image .actions.compare-off .add-to-links > a:first-child:before {display: none;} .products-grid .item .product-image .actions .add-to-links > a:hover, .products-grid .item .product-image .actions .add-to-links > a.added {color: #8C2C29;} .products-grid .item .product-image .actions .add-to-links .quickview-wrap {margin-top: 10px;} .products-grid .item .product-image .actions .add-to-links .quickview-wrap span {padding: 10px;font-size: 16px;} .products-grid .item .product-image .actions .add-to-links .quickview-wrap .quickview i {display: none;}
замените на:
.products-grid .item .product-image .actions {display: block;text-align: center;width: 100%;} .products-grid .item .product-image .actions .ratings, .products-grid .item .product-image .actions .add-to-links > a {display: none;} .products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;} .products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);} .products-grid .item .product-image .actions .add-to-links .quickview {position: absolute;top: 0; width: 100%; left: 0;right: 0;height: calc(100% - 60px);z-index: 10;text-indent: -9999px;}
далее найдите:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;}
замените на:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;color:#cccccc;}
значение цвета вместо color:#cccccc; укажите необходимое.
Далее зайдите в шаблон HTML - найдите и удалите:
{% IF index_page_new_goods.index > 30 %}{break}{% ENDIF %}
далее найдите и удалите:
{% IF index_page_favorites_goods.index > 30 %}{break}{% ENDIF %}
далее найдите и удалите:
{% IF index_page_goods.index > 30 %}{break}{% ENDIF %}
Но появилась проблема : При наведении курсора на "Добавить в корзину" всплывает информация о модели товара и закрывает кнопку "Добавить в корзину". Необходимо сузить всплывающее окно на треть , чтобы кнопка "Добавить в корзину " не перекрывалась.
2 . Поменять цвет кнопки Добавить в корзину , как на главной так и в карточке товара
3 . В ленте новостей кнопку " К другим новостям магазина" переименовать в "Новинки" и путь для нее сделать в раздел Новинки
4 .Поменять цвет надписи Хит над товаром
5 .Логотип разместить в шапку сайта на место Номера телефона , сам номер сместить вправо.
6 . Если в настройках Главной страницы установить Каталог Товаров то на самом сайте при нажатие кнопки Перейти в каталог страница просто обновляется . Нужно чтоб на главной блоки каталога остались и кнопка Перейти в Каталог выводила на страницу каталога .
Заранее огромное спасибо Вам за ваш труд!!!
Vaccina (21 Август 2018 - 07:37) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-image .mask {position: absolute;width: 530%;height: 280%;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.9);opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";} .products-grid .item .product-image:hover .mask {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";} .products-grid .item .product-image .actions {display: block;position: absolute;top: 0;left: 0;text-align: center;width: 100%;height: calc(100% - 50px);} .products-grid .item .product-image .actions .group-mask {display: table;width: 100%;height: 100%;overflow: hidden;background-color: transparent;} .products-grid .item .product-image .actions .inner-mask {display: table-cell;vertical-align: middle;} .products-grid .item .product-image .actions .ratings { margin-bottom: 15px; height: 20px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: translate(10px, -30px); -moz-transform: translate(10px, -30px); -o-transform: translate(10px, -30px); -ms-transform: translate(10px, -30px); transform: translate(10px, -30px); display: none; } .products-grid .item .product-image:hover .actions .ratings {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);} .products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;-ms-transform: scale(0,1);-webkit-transform: scale(0,1);transform: scale(0,1);} .products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);} .products-grid .item .product-image .actions .add-to-links {opacity: 0;filter: alpha(opacity=0);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform: translate(-10px, 30px);-moz-transform: translate(-10px, 30px);-o-transform: translate(-10px, 30px);-ms-transform: translate(-10px, 30px);transform: translate(-10px, 30px);} .products-grid .item .product-image:hover .actions .add-to-links {opacity: 1;filter: alpha(opacity=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform: translate(0px,0px);-moz-transform: translate(0px,0px);-o-transform: translate(0px,0px);-ms-transform: translate(0px,0px);transform: translate(0px,0px);} .products-grid .item .product-image .actions .add-to-links > a { display: none; position: relative;padding: 0 12px;font-size: 18px;} .products-grid .item .product-image .actions .add-to-links > a:first-child:before {position: absolute;top: 50%;left: 100%;height: 18px;width: 1px;content: '';margin-top: -9px;background-color: #ccc;} .products-grid .item .product-image .actions.compare-off .add-to-links > a:first-child:before {display: none;} .products-grid .item .product-image .actions .add-to-links > a:hover, .products-grid .item .product-image .actions .add-to-links > a.added {color: #8C2C29;} .products-grid .item .product-image .actions .add-to-links .quickview-wrap {margin-top: 10px;} .products-grid .item .product-image .actions .add-to-links .quickview-wrap span {padding: 10px;font-size: 16px;} .products-grid .item .product-image .actions .add-to-links .quickview-wrap .quickview i {display: none;}
замените на:
.products-grid .item .product-image .actions {display: block;text-align: center;width: 100%;} .products-grid .item .product-image .actions .ratings, .products-grid .item .product-image .actions .add-to-links > a {display: none;} .products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;} .products-grid .item .product-image:hover .actions .addtocart {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);} .products-grid .item .product-image .actions .add-to-links .quickview {position: absolute;top: 0; width: 100%; left: 0;right: 0;height: calc(100% - 60px);z-index: 10;text-indent: -9999px;}
далее найдите:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;}
замените на:
.products-grid .item .product-shop .price-box {margin: 10px 0 5px;color:#cccccc;}
значение цвета вместо color:#cccccc; укажите необходимое.
Далее зайдите в шаблон HTML - найдите и удалите:
{% IF index_page_new_goods.index > 30 %}{break}{% ENDIF %}
далее найдите и удалите:
{% IF index_page_favorites_goods.index > 30 %}{break}{% ENDIF %}
далее найдите и удалите:
{% IF index_page_goods.index > 30 %}{break}{% ENDIF %}
#9
Отправлено 25 Август 2018 - 10:33
1. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;}замените на:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 30px;float: left;width: 100%;}
далее найдите:
.products-grid .item .product-shop {position: absolute;padding: 15px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
замените на:
.products-grid .item .product-shop {position: absolute;padding: 5px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
2.Чтобы поменять цвет кнопки , зайдите в Редактор шаблонов-->main.css и найдите:
.button2 {border-color: #fff;color: #fff;background-color: #138808;}
- в найденном коде для background-color задайте свой код цвета. Код цвета можно подобрать здесь.
3. зайдите в Редактор шаблонов-->Просмотр новости и найдите:
<!-- Ссылка на страницу новостей, откуда пришел пользователь --> <a href="{NEWS_SECTION_URL}" class="button"> {% IF NEWS_SECTION_ID=1 %}К другим новостям магазина {% ELSEIF NEWS_SECTION_ID=2 %}К другим статьям {% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ {% ELSE %}К другим новостям {% ENDIF %} </a>
замените на:
{% IF NEWS_SECTION_ID=1 %} <a href="/catalog/%D0%9D%D0%BE%D0%B2%D0%B8%D0%BD%D0%BA%D0%B8" class="button"> Новинки</a> {% ELSE %} <a href="{NEWS_SECTION_URL}" class="button"> {% IF NEWS_SECTION_ID=2 %}К другим статьям {% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ {% ELSE %}К другим новостям {% ENDIF %} </a> {% ENDIF %}
4. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.ico-best {background: #4DB725;}
-в найденном коде для background задайте свой код цвета.
5. Изменения в шапке Вам произвели.
6. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
<a href="{CATALOG_URL}" class="button big one">Перейти в каталог</a>
замените на:
<a href="/catalog" class="button big one">Перейти в каталог</a>
#10
Отправлено 25 Август 2018 - 22:43
metry (25 Август 2018 - 10:33) писал:
1. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;}замените на:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 30px;float: left;width: 100%;}
далее найдите:
.products-grid .item .product-shop {position: absolute;padding: 15px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
замените на:
.products-grid .item .product-shop {position: absolute;padding: 5px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
2.Чтобы поменять цвет кнопки , зайдите в Редактор шаблонов-->main.css и найдите:
.button2 {border-color: #fff;color: #fff;background-color: #138808;}
- в найденном коде для background-color задайте свой код цвета. Код цвета можно подобрать здесь.
3. зайдите в Редактор шаблонов-->Просмотр новости и найдите:
<!-- Ссылка на страницу новостей, откуда пришел пользователь --> <a href="{NEWS_SECTION_URL}" class="button"> {% IF NEWS_SECTION_ID=1 %}К другим новостям магазина {% ELSEIF NEWS_SECTION_ID=2 %}К другим статьям {% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ {% ELSE %}К другим новостям {% ENDIF %} </a>
замените на:
{% IF NEWS_SECTION_ID=1 %} <a href="/catalog/%D0%9D%D0%BE%D0%B2%D0%B8%D0%BD%D0%BA%D0%B8" class="button"> Новинки</a> {% ELSE %} <a href="{NEWS_SECTION_URL}" class="button"> {% IF NEWS_SECTION_ID=2 %}К другим статьям {% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ {% ELSE %}К другим новостям {% ENDIF %} </a> {% ENDIF %}
4. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.ico-best {background: #4DB725;}
-в найденном коде для background задайте свой код цвета.
5. Изменения в шапке Вам произвели.
6. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
<a href="{CATALOG_URL}" class="button big one">Перейти в каталог</a>
замените на:
<a href="/catalog" class="button big one">Перейти в каталог</a>
Все отлично . Но нужно контакты немного подвинуть влево.
2 В шапке блоки Новинки Хиты и тд. выравнить по центру.
3 В мобильную версию добавить логотип
4 В мобильную версию блоки товара сделать по два в ряд .
5 В мобильной версии добавить кнопку меню в шапку.
#11
Отправлено 31 Август 2018 - 16:54
metry (25 Август 2018 - 10:33) писал:
1. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 15px;float: left;width: 100%;}замените на:
.products-grid .item .product-image .actions .addtocart {margin-bottom: 30px;float: left;width: 100%;}
далее найдите:
.products-grid .item .product-shop {position: absolute;padding: 15px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
замените на:
.products-grid .item .product-shop {position: absolute;padding: 5px 20px;bottom: 0;left: 0;width: 100%;background-color: #ffffff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
2.Чтобы поменять цвет кнопки , зайдите в Редактор шаблонов-->main.css и найдите:
.button2 {border-color: #fff;color: #fff;background-color: #138808;}
- в найденном коде для background-color задайте свой код цвета. Код цвета можно подобрать здесь.
3. зайдите в Редактор шаблонов-->Просмотр новости и найдите:
<!-- Ссылка на страницу новостей, откуда пришел пользователь --> <a href="{NEWS_SECTION_URL}" class="button"> {% IF NEWS_SECTION_ID=1 %}К другим новостям магазина {% ELSEIF NEWS_SECTION_ID=2 %}К другим статьям {% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ {% ELSE %}К другим новостям {% ENDIF %} </a>
замените на:
{% IF NEWS_SECTION_ID=1 %} <a href="/catalog/%D0%9D%D0%BE%D0%B2%D0%B8%D0%BD%D0%BA%D0%B8" class="button"> Новинки</a> {% ELSE %} <a href="{NEWS_SECTION_URL}" class="button"> {% IF NEWS_SECTION_ID=2 %}К другим статьям {% ELSEIF NEWS_SECTION_ID=3 %}К другим материалам СМИ {% ELSE %}К другим новостям {% ENDIF %} </a> {% ENDIF %}
4. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.ico-best {background: #4DB725;}
-в найденном коде для background задайте свой код цвета.
5. Изменения в шапке Вам произвели.
6. Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
<a href="{CATALOG_URL}" class="button big one">Перейти в каталог</a>
замените на:
<a href="/catalog" class="button big one">Перейти в каталог</a>
#12
Отправлено 03 Сентябрь 2018 - 17:22
МАКСИМ К (31 Август 2018 - 16:54) писал:
1.Здравствуйте. Зайдите в шаблон main.css и найдите данный код:
.header-top .header-right .phone { line-height: 30px; border-right: none; vertical-align: bottom; }
Замените на:
.header-top .header-right .phone { line-height: 30px; border-right: none; vertical-align: bottom; margin-right: 25px; }
2.Найдите код:
#custommenu .mainnav > li > a { display: block; position: relative; color: #000; line-height: 40px; margin-right: 20px; padding: 0 3px; font-size: 16px; font-weight: normal; text-transform: uppercase; }
Замените на код:
#custommenu .mainnav > li > a { display: block; position: relative; color: #000; line-height: 40px; margin-right: 15px; padding: 0 3px; font-size: 16px; font-weight: normal; text-transform: uppercase; }
3,5.Найдите код:
@media all and (max-width: 641px) { .header-middle {display:none;} .scroll {overflow-x: scroll;}
Измените на:
@media all and (max-width: 641px) { .scroll {overflow-x: scroll;}
Найдите код:
#mommenu {display: inline-block;}
Замените его на:
#mommenu {display: inline-block;margin-top: 13px;}
#13
Отправлено 03 Сентябрь 2018 - 22:45
stasia (03 Сентябрь 2018 - 17:22) писал:
1.Здравствуйте. Зайдите в шаблон main.css и найдите данный код:
.header-top .header-right .phone { line-height: 30px; border-right: none; vertical-align: bottom; }
Замените на:
.header-top .header-right .phone { line-height: 30px; border-right: none; vertical-align: bottom; margin-right: 25px; }
2.Найдите код:
#custommenu .mainnav > li > a { display: block; position: relative; color: #000; line-height: 40px; margin-right: 20px; padding: 0 3px; font-size: 16px; font-weight: normal; text-transform: uppercase; }
Замените на код:
#custommenu .mainnav > li > a { display: block; position: relative; color: #000; line-height: 40px; margin-right: 15px; padding: 0 3px; font-size: 16px; font-weight: normal; text-transform: uppercase; }
3,5.Найдите код:
@media all and (max-width: 641px) { .header-middle {display:none;} .scroll {overflow-x: scroll;}
Измените на:
@media all and (max-width: 641px) { .scroll {overflow-x: scroll;}
Найдите код:
#mommenu {display: inline-block;}
Замените его на:
#mommenu {display: inline-block;margin-top: 13px;}
#14
Отправлено 04 Сентябрь 2018 - 08:47
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
после него вставьте:
.header-top .header-right { margin-top: 0px; } .header-top .header-right .phone { display: none; }
#15
Отправлено 12 Октябрь 2018 - 12:59
2 . Если я добавляю 5ю,6ю категорию то она смещается вниз. Можно ли сделать так чтоб при добавлении дополнительной категории они оставались в одном ряду? Относится и к мобильной и основной версиям. Заранее спасибо . Аккаунт SL-446068
#16
Отправлено 12 Октябрь 2018 - 16:47
МАКСИМ К (12 Октябрь 2018 - 12:59) писал:
2 . Если я добавляю 5ю,6ю категорию то она смещается вниз. Можно ли сделать так чтоб при добавлении дополнительной категории они оставались в одном ряду? Относится и к мобильной и основной версиям. Заранее спасибо . Аккаунт SL-446068
Здравствуйте.
В данном случае, попробуйте, пожалуйста, на Вашем сайте произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный блок кода:
.categories .item .cat-name { margin: 10px 0 0 0; padding: 10px; background: #efefec; }
И замените его, например, этим вот кодом:
.categories .item .cat-name { margin: 10px 0 0 0; padding: 10px; background: #ffffff; }
#18
Отправлено 03 Январь 2019 - 14:50
Простите за ожидание, повторите изменения выше, после этого зайдите в main.css - найдите:
#custommenu .mainnav li.level1 {width: 25%;float: left;padding: 0 15px;} #custommenu .mainnav li a.title-lv1 {display: block;font-size: 16px;color: #22121e;margin: 8px 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #e2dfdf;text-transform: uppercase;}
замените на:
#custommenu .mainnav li.level1 {width: 25%;float: left;padding: 0 15px;line-height: 40px;} #custommenu .mainnav li a.title-lv1 {font-size: 16px;color: #22121e;margin: 8px 0 10px 0;padding: 0 0 5px 0;border-bottom: 1px solid #e2dfdf;text-transform: uppercase;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных