Всего По Не Многу В Шаблоне Рассвет
#1
Отправлено 02 Сентябрь 2018 - 16:36
Здравствуйте. Помогите исправить пожалуйста ошибки в Мобильной версии шаблона Рассвет .
1 В шапку установить логотип
2 В шапку установить кнопку меню
3 В шапку добавить соц сети Инстаграм, ОК, Вк FB как в мобильной так и в основной версии. В основной добавить между лого и контактами .
4 Товары на главной в мобильной версии установить по 2 в ряд , и указать где я могу этот порядок самостоятельно изменять.
5 Под слайдером в мобильной версии установить в ряд блоки каталога . сейчас их 4 шт Пусть они будут меньшем размером но в ряд с зазором между собой .
6 В основной версии так же блоки каталогов установить сразу под слайдером .
7 В основной версии в шапке выравнять блоки каталога по центру .
#2
Отправлено 03 Сентябрь 2018 - 09:19
МАКСИМ К (02 Сентябрь 2018 - 16:36) писал:
Здравствуйте. Помогите исправить пожалуйста ошибки в Мобильной версии шаблона Рассвет .
1 В шапку установить логотип
2 В шапку установить кнопку меню
3 В шапку добавить соц сети Инстаграм, ОК, Вк FB как в мобильной так и в основной версии. В основной добавить между лого и контактами .
4 Товары на главной в мобильной версии установить по 2 в ряд , и указать где я могу этот порядок самостоятельно изменять.
5 Под слайдером в мобильной версии установить в ряд блоки каталога . сейчас их 4 шт Пусть они будут меньшем размером но в ряд с зазором между собой .
6 В основной версии так же блоки каталогов установить сразу под слайдером .
7 В основной версии в шапке выравнять блоки каталога по центру .
Здравствуйте.
Просьба указать расположение всех требуемых Вам доработок на скриншоте, так как не совсем понятно как именно всё должно получиться в результате, в отличие от того, что у Вас сейчас на сайте.
#3
Отправлено 03 Сентябрь 2018 - 12:34
RayLi (03 Сентябрь 2018 - 09:19) писал:
Просьба указать расположение всех требуемых Вам доработок на скриншоте, так как не совсем понятно как именно всё должно получиться в результате, в отличие от того, что у Вас сейчас на сайте.
По пунктам 1.2.3 скриншот 1 то есть слева как сейчас в моб. версии справа как должно быть
Так же по пункту 3 добавить инстаграм , вк , Ок. Facebook
По пунктам 4.5 на скриншоте № 2 слева как сейчас в моб. версии справа как должно быть . Так же на этом скрине видно как разместить блоки каталога . Эти блоки нужно сделать и в основной и в мобильной версиях .
Пункт 7 скрин №3
Надеюсь все информативно и видно на скриншотах . Заранее огромное спасибо Вам .
#4
Отправлено 05 Сентябрь 2018 - 00:35
RayLi (03 Сентябрь 2018 - 09:19) писал:
Просьба указать расположение всех требуемых Вам доработок на скриншоте, так как не совсем понятно как именно всё должно получиться в результате, в отличие от того, что у Вас сейчас на сайте.
Актуальны пункты 4 . 5 !
#5
Отправлено 05 Сентябрь 2018 - 04:44
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
после него пропишите:
.products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;} .categories .item {width: 24%;margin: 0.5%;} .categories .item .cat-image {height: 100px;line-height:100px;} .categories .item .cat-image img {width: 100%;}
#6
Отправлено 05 Сентябрь 2018 - 15:22
Vaccina (05 Сентябрь 2018 - 04:44) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
после него пропишите:
.products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;} .categories .item {width: 24%;margin: 0.5%;} .categories .item .cat-image {height: 100px;line-height:100px;} .categories .item .cat-image img {width: 100%;}
Здравствуйте .
Это почти то что я хотел. Единственное теперь изображение товаров стало в половину ( см скриншот). Блоки каталога по размеру хорошо получились но надписи в них не поместились ( скриншот 2) нужно исправить . И Эти блоки нужно разместить сразу под слайдером .
#7
Отправлено 06 Сентябрь 2018 - 06:45
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="addtocart"> <!--a class="add-cart quick button button2" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">Добавить в корзину</a--> <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">Добавить в корзину</a> </div>
замените на:
<div class="addtocart"> <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">В корзину</a> </div>
далее найдите:
<!-- /END Товары на главной, Новинки, Хиты --> {BODY}
замените на:
<!-- /END Товары на главной, Новинки, Хиты -->
далее найдите:
<!-- Товары на главной, Новинки, Хиты --> {% IF index_page %}
замените на:
{BODY} <!-- Товары на главной, Новинки, Хиты --> {% IF index_page %}
далее зайдите в main.css - найдите:
.products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;} .categories .item {width: 24%;margin: 0.5%;} .categories .item .cat-image {height: 100px;line-height:100px;} .categories .item .cat-image img {width: 100%;}
замените на:
.products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;} .products-grid .item .product-image a.product-img {line-height: 150px;} .products-grid .item .item-inner img {width: 100%; height: auto;} .categories .item {width: 24%;margin: 0.5%;} .categories .item .cat-image {height: 100px;line-height:100px;} .categories .item .cat-image img {width: 100%;} .categories .item .cat-name a {white-space: normal;height: 30px;font-size: 12px;}
И категорию "Сумки для твоего стиля" можно просто переименовать в "Твой стиль" смысл тот же и количество букв совпадает с другими названиями =)
#8
Отправлено 06 Сентябрь 2018 - 22:46
Vaccina (06 Сентябрь 2018 - 06:45) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="addtocart"> <!--a class="add-cart quick button button2" title="Быстро оформить заказ" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">Добавить в корзину</a--> <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">Добавить в корзину</a> </div>
замените на:
<div class="addtocart"> <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&form%5Bgoods_from%5D={index_page_goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={index_page_goods.MIN_PRICE_NOW_ID}">В корзину</a> </div>
далее найдите:
<!-- /END Товары на главной, Новинки, Хиты --> {BODY}
замените на:
<!-- /END Товары на главной, Новинки, Хиты -->
далее найдите:
<!-- Товары на главной, Новинки, Хиты --> {% IF index_page %}
замените на:
{BODY} <!-- Товары на главной, Новинки, Хиты --> {% IF index_page %}
далее зайдите в main.css - найдите:
.products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;} .categories .item {width: 24%;margin: 0.5%;} .categories .item .cat-image {height: 100px;line-height:100px;} .categories .item .cat-image img {width: 100%;}
замените на:
.products-grid .item{width:49%} .products-grid .item .item-inner {width: 100%;} .products-grid .item .product-image a.product-img {line-height: 150px;} .products-grid .item .item-inner img {width: 100%; height: auto;} .categories .item {width: 24%;margin: 0.5%;} .categories .item .cat-image {height: 100px;line-height:100px;} .categories .item .cat-image img {width: 100%;} .categories .item .cat-name a {white-space: normal;height: 30px;font-size: 12px;}
И категорию "Сумки для твоего стиля" можно просто переименовать в "Твой стиль" смысл тот же и количество букв совпадает с другими названиями =)
Но есть но (
В мобильной версии некоторые товары на главной все равно немного пляшут по размерам , по высоте, нужно исправить .
Второе , помогите увеличить немного зазор между слайдером и категориями каталога на Основной Версии .
Заранее спасибо.
#9
Отправлено 07 Сентябрь 2018 - 09:34
МАКСИМ К (06 Сентябрь 2018 - 22:46) писал:
Но есть но (
В мобильной версии некоторые товары на главной все равно немного пляшут по размерам , по высоте, нужно исправить .
Второе , помогите увеличить немного зазор между слайдером и категориями каталога на Основной Версии .
Заранее спасибо.
Здравствуйте.
В данном случае Вам необходимо в шаблоне main.css найти следующий блок кода:
#main { position: relative; overflow: hidden; }
И замените его этим вот кодом:
#main { position: relative; overflow: hidden; padding-top: 40px; }
Затем там же найдите, пожалуйста, данный код:
.products-grid .item .item-inner img { width: 100%; height: auto; }
И замените его этим кодом:
.products-grid .item .item-inner img { width: 100px; height: auto; }
#10
Отправлено 07 Сентябрь 2018 - 21:30
RayLi (07 Сентябрь 2018 - 09:34) писал:
В данном случае Вам необходимо в шаблоне main.css найти следующий блок кода:
#main { position: relative; overflow: hidden; }
И замените его этим вот кодом:
#main { position: relative; overflow: hidden; padding-top: 40px; }
Затем там же найдите, пожалуйста, данный код:
.products-grid .item .item-inner img { width: 100%; height: auto; }
И замените его этим кодом:
.products-grid .item .item-inner img { width: 100px; height: auto; }
Только все равно некоторые блоки товаров не ровно стоят относительно друг другу , на скрине видно. Я заметил , не ровные только те которые с зачеркнутой ценой ( см. скрин 1)
И после каждого изменения вылезают другие ошибки , в совсем других страницах . Так например сегодня выглядит С Этим Товаром Смотрят и Сопутствующие Товары (см. скрин 2) . То есть криво стоит кнопка Добавить В Корзину и товаров должно быть два а не один .
Спасибо.
#11
Отправлено 08 Сентябрь 2018 - 08:15
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .item-inner img { width: 100px; height: auto; }
замените на:
.products-grid .item .item-inner img {width: 100px;height: auto;} .products-grid .item .product-shop .price-box {height: 60px;white-space: normal;margin: 0 -15px;} .products-grid .item .product-shop .price-box > span {white-space: nowrap;margin: 0;} .products-grid .item .product-shop .price-box span {font-size: 14px;}
#12
Отправлено 08 Сентябрь 2018 - 15:20
Vaccina (08 Сентябрь 2018 - 08:15) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .item-inner img { width: 100px; height: auto; }
замените на:
.products-grid .item .item-inner img {width: 100px;height: auto;} .products-grid .item .product-shop .price-box {height: 60px;white-space: normal;margin: 0 -15px;} .products-grid .item .product-shop .price-box > span {white-space: nowrap;margin: 0;} .products-grid .item .product-shop .price-box span {font-size: 14px;}
Здравствуйте . По первому вопросу все отлично.
Второй вопрос остается актуальным ! На скрине видно что надпись кривая . И нужно чтоб рядом был второй товар .
Тоже самое обнаружилось при выводе товаров на главной странице Новинки,Хиты. В мобильной версии (см скрин 2.3) Помогите исправить.
Сообщение отредактировал МАКСИМ К: 10 Сентябрь 2018 - 22:33
#13
Отправлено 11 Сентябрь 2018 - 08:30
Зайдите в раздел Сайт - Редактор шаблонов - HTML и Товар -найдите все:
Добавить в корзину
замените на:
В корзину
Далее зайдите в main.js найдите:
// С этим товаром смотрят jQuery(function($) { var carouselU = $('.related-views .products-grid'); carouselU.owlCarousel({ items: 4, itemsDesktop: [1199,3], itemsDesktopSmall: [991,2], itemsTablet: [767,2], itemsTabletSmall: [641,1], itemsMobile: [481,1],
замените на:
// С этим товаром смотрят jQuery(function($) { var carouselU = $('.related-views .products-grid'); carouselU.owlCarousel({ items: 4, itemsDesktop: [1199,3], itemsDesktopSmall: [991,2], itemsTablet: [767,2], itemsTabletSmall: [641,1], itemsMobile: [481,2],
#14
Отправлено 11 Сентябрь 2018 - 10:22
Vaccina (11 Сентябрь 2018 - 08:30) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML и Товар -найдите все:
Добавить в корзину
замените на:
В корзину
Далее зайдите в main.js найдите:
// С этим товаром смотрят jQuery(function($) { var carouselU = $('.related-views .products-grid'); carouselU.owlCarousel({ items: 4, itemsDesktop: [1199,3], itemsDesktopSmall: [991,2], itemsTablet: [767,2], itemsTabletSmall: [641,1], itemsMobile: [481,1],
замените на:
// С этим товаром смотрят jQuery(function($) { var carouselU = $('.related-views .products-grid'); carouselU.owlCarousel({ items: 4, itemsDesktop: [1199,3], itemsDesktopSmall: [991,2], itemsTablet: [767,2], itemsTabletSmall: [641,1], itemsMobile: [481,2],
Здравствуйте изменения внес . Теперь это вот так смотрится .
Еще один вопрос .
1 Нужно сделать так как на втором скриншоте. То есть с верхней шапки корзину и поиск переместить на полосу где логотип . А верхнюю белую полосу убрать совсем . Желательно чтоб самой строки Поиск не было а был только значок Лупа , при нажатии на который появлялась стока поиска.
2 Как поменять цвет полосы где находится логотип.
3 Как поменять цвет фона под категориями
4 Блок РАБОТАТЬ С НАМИ ПРОСТО сделать в Одну линию . То есть надпись и под ней сами картинки (Как в десктопной версии)
Все вопросы относятся только к Мобильной Версии.
Заранее огромное Вам спасибо)
#15
Отправлено 13 Сентябрь 2018 - 07:49
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
замените на:
@media all and (max-width: 481px) { .header-top {background-color: #638326;} .header-middle {background-color: #638326;} .categories .item .cat-name {background-color: #638326;} #information .item {width: 25%;float: left;padding: 0;} #information .item .image {width: 50px;height: 50px;line-height: 40px;text-align:center;} #information .item .image img {width: 30px; height: auto;} #information .item .title {width: 100%;font-size: 12px;line-height: 14px;hyphens: auto;max-height: 85px;padding: 0;}
измените цвета на необходимые.
#16
Отправлено 13 Сентябрь 2018 - 11:20
Vaccina (13 Сентябрь 2018 - 07:49) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
замените на:
@media all and (max-width: 481px) { .header-top {background-color: #638326;} .header-middle {background-color: #638326;} .categories .item .cat-name {background-color: #638326;} #information .item {width: 25%;float: left;padding: 0;} #information .item .image {width: 50px;height: 50px;line-height: 40px;text-align:center;} #information .item .image img {width: 30px; height: auto;} #information .item .title {width: 100%;font-size: 12px;line-height: 14px;hyphens: auto;max-height: 85px;padding: 0;}
измените цвета на необходимые.
Здравствуйте . Почти то что хотел.
Осталась актуальна ошибка о которой я писал ранее . На скрине видно что в С Этим Товаром Смотрят ошибка и в Сопутствующих товарах так же товары по одному вместо двух .
#17
Отправлено 13 Сентябрь 2018 - 12:07
МАКСИМ К (13 Сентябрь 2018 - 11:20) писал:
Здравствуйте . Почти то что хотел.
Осталась актуальна ошибка о которой я писал ранее . На скрине видно что в С Этим Товаром Смотрят ошибка и в Сопутствующих товарах так же товары по одному вместо двух .
Здравствуйте.
Поправил.
#20
Отправлено 14 Сентябрь 2018 - 11:41
МАКСИМ К (14 Сентябрь 2018 - 11:31) писал:
Спасибо.
Здравствуйте.
Для этого Вам необходимо в бэк-офисе Вашего интернет-магазина зайти в раздел: "Товары" -> "Товары" и там, в блоке: "Особые разделы" добавить товары в такие категории как: "Хиты продаж" , "Новинки", "Товары на главой" и т.д.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных