Корректировка Карточки Товара
#1
Отправлено 05 Май 2019 - 22:55
1) Как добавить видео в карточку товара? Попробовал добавить на примере товара https://trendibrend....ket-Drone-JY018 - но, почему-то, видео не проигрывается. Добавил в самом низу. Что я делаю не так?
2) У меня на сайте есть товар: https://trendibrend....a-80-100-130-sm . В зависимости от характеристики (размер) - меняется стоимость товара. Как мне сделать так, чтобы у товаров, у которых возможна смена цены при изменении характеристик - в превью отбражалась цена с надписью "от"? Схематично показал на рисунках 1 и 2.
3) Как сделать красным цветом надпись "Выберете пожалуйста подходящие параметры:"? Рисунок 3.
4) Где можно убрать ненужные мне способы сортировки товара? Рисунок 4. Как выбрать сортировку по умолчанию?
5) Как можно сдвинуть лупу поиска чуть левее? Рисунок 5. И какой точно именно файл нужно редактировать, чтобы изменить цвет лупы? Я изменил searchbut.png - ничего не изменилось.
6) Архи-важный вопрос. У меня есть такой товар: https://trendibrend....-EX18?from=M2Fh . У товара есть характеристики: -Материал ремешка и -Цвет ремешка. Из материалов ремешка есть металл и силикон. При этом, у металлического ремешка нет возможности выбора цветов - а у силиконового ремешка можно выбрать из трёх цветов. Как мне сделать так, чтобы когда мы выбираем материал ремешка "металл" - возможность выбора цвета пропадала в принципе? Рисунки 6, 7 и 8.
7) Два дня назад я поменял файл Logo.png . А на сайте всё-ещё отображается старая шапка. Кэш/куки чистил, открывал с разных браузеров - ничего не помогает. В чём дело?
#2
Отправлено 15 Май 2019 - 05:51
1. Попробуйте по новому сгенерировать код видео, перешла по ссылке на него, нажала "поделиться" - "встроить", при вставке видео на странице товара отобразилось и воспроизводилось:
2. Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<div class="price-new">{goods.MIN_PRICE_NOW | money_format}</div>
замените на:
<div class="price-new">{% IF goods.MIN_PRICE_NOW!=goods.MAX_PRICE_NOW %}от {% ENDIF %}{goods.MIN_PRICE_NOW | money_format}</div>
далее зайдите в шаблон HTML - найдите:
<span class="price-new">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span><br/>
замените на:
<span class="price-new">{% IF recently_viewed_goods.MIN_PRICE_NOW!=recently_viewed_goods.MAX_PRICE_NOW %}от {% ENDIF %}{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span><br/>
3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
h3.modH{font-size:18px; color:#666;padding:10px 10px 10px 10px;border-bottom:1px solid #e5e5e5;}
измените цветовое значение стиля color.
4. В разделе Настройки - Основные вы можете установить сортировку по умолчанию, уточните пожалуйста, какие поля сортировки необходимо оставить?
5. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; border:none;padding:6px;position:absolute;right:10px;top: 10px; cursor:pointer;}
увеличьте значение стиля right и замените файл search.png
6. Для корректной работы вам необходимо создать все вариации из доступных модификаций, то есть:
- Металл Зеленый
- Металл Оражевый
- Металл Черный
и установить им остаток 0
7. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
<img src="{ASSETS_IMAGES_PATH}logo.png?design=chameleon"/>
замените на:
<img src="/design/Logo.png"/>
#3
Отправлено 20 Май 2019 - 23:14
1) В мобильной версии видео отображается некорректно. Как исправить? Видео обрублено по ширине экрана, рисунок 9.
2) Спасибо, как этот функционал ещё добавить при отображении товаров списком? А так же на странице избранных товаров и товаров на сравнении?
3) Спасибо, вопрос закрыт.
4) Я хочу убрать сортировки: по названию, по изображению, по количеству отзывов. Причём, сортировку «по наличию» я хочу переименовать в сортировку «По популярности: сначала популярные» / «По популярности: сначала не популярные».
5) Фихня какая-то получилась. Рисунок 10. Я добавил иконку размером 16*16 пикселей. Куда уж меньше?) Может можно куда-то добавить исправленную картинку лупы, чтобы лупа была как в шаблоне по умолчанию, но нужного мне цвета?) На данный момент я вижу, что дефолтная лупа находится в файле «searchbut.png».
6) Решение вопроса таким образом будет сбивать с толку покупателя.. Ещё и отображается так, будто товара нет в наличии. Рисунок 11. Неужели нельзя реализовать функционал таким образом, как я предложил? Т.е. при пересечении характеристик скрывать возможность выбора ненужных характеристик. Я думаю, такой функционал нужно вшить во все Ваши шаблоны – потому что это логичное решение.
7) Спасибо, вопрос снят.
#4
Отправлено 03 Июнь 2019 - 23:34
#5
Отправлено 05 Июнь 2019 - 08:52
1. Воспользуйтесь следующей инструкцией:
https://storeland.ru/about/faq#91
2. Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<div class="price-new">{goods.MIN_PRICE_NOW | money_format}</div> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <div class="price-old-list">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</div> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <div class="price-old-list">{goods.MIN_PRICE_OLD | money_format}</div> {% ENDIF %} </div><!--END price -->
замените на:
<div class="price"> <div class="price-new">{% IF goods.MIN_PRICE_NOW!=goods.MAX_PRICE_NOW %}от {% ENDIF %}{goods.MIN_PRICE_NOW | money_format}</div> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <div class="price-old-list">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</div> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <div class="price-old-list">{goods.MIN_PRICE_OLD | money_format}</div> {% ENDIF %} </div><!--END price-->
в сравнении делать этого нет необходимомсти, так как там выводится товар с учетом модификации:
4. Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% IF goods_show_order_fields %} <div class="choose"> Сортировать по: <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> </div> {% ENDIF %}
замените на:
{% IF goods_show_order_fields %} <div class="choose"> Сортировать по: <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %}{%IF goods_order_fields.ID != 3 || goods_order_fields.ID != 4 || goods_order_fields.ID != 9 || goods_order_fields.ID != 9 || goods_order_fields.ID != 10 || goods_order_fields.ID != 13 || goods_order_fields.ID != 14 %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{% IF goods_order_fields.NAME=наличию: мало — много %}по популярности: сначала не популярные{% ELSEIF goods_order_fields.NAME=наличию: много — мало %}по популярности: сначала популярные{goods_order_fields.NAME}{% ENDIF %}</option> {% ENDIF %}{% ENDFOR %} </select> </div> {% ENDIF %}
5. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; border:none;padding:6px;position:absolute;right:12px;top: 10px; cursor:pointer;}
замените на:
#search_mini_form button{background:url('{ASSETS_IMAGES_PATH}search.png?design=chameleon') no-repeat; height: 16px;width: 16px;border:none;padding:6px;position:absolute;right:12px;top: 10px; cursor:pointer;}
6. Можно вставить скрипт чтобы при заходе в карточку товара была выбрана модификация в наличии по умолчанию.
#6
Отправлено 16 Июнь 2019 - 22:38
2) Надпись "ОТ" в отображении товара списком - появилась, но теперь съехал текст описания))) Рисунок 15. Как исправить? Хорошо, согласен со "Сравнением". Но давайте в "Избранном" добавим эту функцию?
4) Товары отсортировались, но... Посмотрите, как теперь выглядит поле сортировки: рисунок 16. Верните в список оставшиеся варианты сортировки и скорректируйте название вида сортировки, пожалуйста.. И давайте, пожалуй, уберём возможность сортировки "по наличию: мало - много", а сортировку "по наличию: много - мало" переименуем в сортировку "По умолчанию". И ещё, внизу страницы тоже есть поле для выбора сортировки - с ним нужно сделать тоже самое: удалить ненужные поля и переименовать сортировку "по наличию". Рисунок 17.
5) Спасибо, этот пункт сработал
6) Решил вопрос сам, по-своему, проехали...
Ещё вопросы:
7) При наведении мышью на значок корзины - рамка меняет свой цвет с жёлтого на белый. Как сделать так, чтобы цвет рамки оставался всегда жёлтым? Рисунок 18.
8) Как в мобильной версии сделать шире по вертикали поле, в котором располагаются "Поиск" и "Корзина"? При этом, надо сделать так, чтобы рамка поиска имела отступ от логотипа магазина? Рисунок 19.
#7
Отправлено 17 Июнь 2019 - 09:47
Barmalei (16 Июнь 2019 - 22:38) писал:
2) Надпись "ОТ" в отображении товара списком - появилась, но теперь съехал текст описания))) Рисунок 15. Как исправить? Хорошо, согласен со "Сравнением". Но давайте в "Избранном" добавим эту функцию?
4) Товары отсортировались, но... Посмотрите, как теперь выглядит поле сортировки: рисунок 16. Верните в список оставшиеся варианты сортировки и скорректируйте название вида сортировки, пожалуйста.. И давайте, пожалуй, уберём возможность сортировки "по наличию: мало - много", а сортировку "по наличию: много - мало" переименуем в сортировку "По умолчанию". И ещё, внизу страницы тоже есть поле для выбора сортировки - с ним нужно сделать тоже самое: удалить ненужные поля и переименовать сортировку "по наличию". Рисунок 17.
5) Спасибо, этот пункт сработал
6) Решил вопрос сам, по-своему, проехали...
Ещё вопросы:
7) При наведении мышью на значок корзины - рамка меняет свой цвет с жёлтого на белый. Как сделать так, чтобы цвет рамки оставался всегда жёлтым? Рисунок 18.
8) Как в мобильной версии сделать шире по вертикали поле, в котором располагаются "Поиск" и "Корзина"? При этом, надо сделать так, чтобы рамка поиска имела отступ от логотипа магазина? Рисунок 19.
Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
@media only screen and (max-width:480px){ .cart-info.favorite{min-width:300px;overflow-x:scroll;}
И сразу после добавьте данный код:
.prodGlobalWrp {margin: 0px 0px;}
Найдите данный код:
.pagecont{margin:1px 20px 10px 20px;text-align:justify;padding:10px;width: auto;}
Замените его на:
.pagecont{margin: 1px 0px 10px 30px;text-align:justify;padding: 10px 0;width: auto;} .product-list2 .cart.addcartbutton.goodsDataForm {margin-top: 60px;} .product-list2 .name {height: 25px;}
Найдите данный код:
.container .cols.col-12{width:100%;} .container .row2{display:block;position:static;height:180px;} .row2 .cols.col-4.empty{display:none; .row2 .marg1,.row2 .marg2,.row2 .marg3,.row2 .marg4,.row2 .marg5,.row2 .marg6,.row2 .marg7,.row2 .marg8,.row2 .marg9,.row2 .marg10,.row2 .marg11,.row2 .marg12{margin-left:0;} .row .marg1,.row .marg2,.row .marg3,.row .marg4,.row .marg5,.row .marg6,.row .marg7,.row .marg8,.row .marg9,.row .marg10,.row .marg11,.row .marg12{margin-left:0;} .menuopen{display:block;} .menuWrap{display:none;} .globmenuwrap{padding:6px 0;} #search{margin-top:0;}
Замените его на:
.container .cols.col-12{width:100%;} .container .row2{display:block;position:static;height:200px;} .row2 .cols.col-4.empty{display:none; .row2 .marg1,.row2 .marg2,.row2 .marg3,.row2 .marg4,.row2 .marg5,.row2 .marg6,.row2 .marg7,.row2 .marg8,.row2 .marg9,.row2 .marg10,.row2 .marg11,.row2 .marg12{margin-left:0;} .row .marg1,.row .marg2,.row .marg3,.row .marg4,.row .marg5,.row .marg6,.row .marg7,.row .marg8,.row .marg9,.row .marg10,.row .marg11,.row .marg12{margin-left:0;} .menuopen{display:block;} .menuWrap{display:none;} .globmenuwrap{padding:6px 0;} #search{margin-top:20px;}
#8
Отправлено 04 Июль 2019 - 19:00
stasia (17 Июнь 2019 - 09:47) писал:
@media only screen and (max-width:480px){ .cart-info.favorite{min-width:300px;overflow-x:scroll;}
И сразу после добавьте данный код:
.prodGlobalWrp {margin: 0px 0px;}
Найдите данный код:
.pagecont{margin:1px 20px 10px 20px;text-align:justify;padding:10px;width: auto;}
Замените его на:
.pagecont{margin: 1px 0px 10px 30px;text-align:justify;padding: 10px 0;width: auto;} .product-list2 .cart.addcartbutton.goodsDataForm {margin-top: 60px;} .product-list2 .name {height: 25px;}
Найдите данный код:
.container .cols.col-12{width:100%;} .container .row2{display:block;position:static;height:180px;} .row2 .cols.col-4.empty{display:none; .row2 .marg1,.row2 .marg2,.row2 .marg3,.row2 .marg4,.row2 .marg5,.row2 .marg6,.row2 .marg7,.row2 .marg8,.row2 .marg9,.row2 .marg10,.row2 .marg11,.row2 .marg12{margin-left:0;} .row .marg1,.row .marg2,.row .marg3,.row .marg4,.row .marg5,.row .marg6,.row .marg7,.row .marg8,.row .marg9,.row .marg10,.row .marg11,.row .marg12{margin-left:0;} .menuopen{display:block;} .menuWrap{display:none;} .globmenuwrap{padding:6px 0;} #search{margin-top:0;}
Замените его на:
.container .cols.col-12{width:100%;} .container .row2{display:block;position:static;height:200px;} .row2 .cols.col-4.empty{display:none; .row2 .marg1,.row2 .marg2,.row2 .marg3,.row2 .marg4,.row2 .marg5,.row2 .marg6,.row2 .marg7,.row2 .marg8,.row2 .marg9,.row2 .marg10,.row2 .marg11,.row2 .marg12{margin-left:0;} .row .marg1,.row .marg2,.row .marg3,.row .marg4,.row .marg5,.row .marg6,.row .marg7,.row .marg8,.row .marg9,.row .marg10,.row .marg11,.row .marg12{margin-left:0;} .menuopen{display:block;} .menuWrap{display:none;} .globmenuwrap{padding:6px 0;} #search{margin-top:20px;}
Здравствуйте. На какой именно вопрос Вы мне ответили? В общем, после применения изменений, мобильная версия уехала конкретно, смотрите скриншот. Изменения пока не отменял, можете попробовать сами. Прошу дать другое решение и ответы на остальные вопросы..
#9
Отправлено 09 Июль 2019 - 10:45
Barmalei (04 Июль 2019 - 19:00) писал:
Здравствуйте. Кодом выше были изменения касающиеся отображения товаров выведенных списком.
4.В Редакторе шаблонов---Товары, найдите код:
{% IF goods_show_order_fields %} <div class="choose"> Сортировать по: <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %}{%IF goods_order_fields.ID != 3 || goods_order_fields.ID != 4 || goods_order_fields.ID != 9 || goods_order_fields.ID != 9 || goods_order_fields.ID != 10 || goods_order_fields.ID != 13 || goods_order_fields.ID != 14 %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{% IF goods_order_fields.NAME=наличию: мало — много %}по популярности: сначала не популярные{% ELSEIF goods_order_fields.NAME=наличию: много — мало %}по популярности: сначала популярные{goods_order_fields.NAME}{% ENDIF %}</option> {% ENDIF %}{% ENDFOR %} </select> </div> {% ENDIF %}
Замените его на:
{% IF goods_show_order_fields %} <div class="choose"> Сортировать по: <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %} {% IF goods_order_fields.ID = 1 || goods_order_fields.ID = 2 || goods_order_fields.ID = 5 || goods_order_fields.ID = 7 || goods_order_fields.ID = 8 || goods_order_fields.ID = 11 || goods_order_fields.ID = 12 %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}> {% IF goods_order_fields.ID = 1 %}цене: Дорогие — Дешевые {% ELSEIF goods_order_fields.ID = 2 %}цене: Дешевые — Дорогие {% ELSEIF goods_order_fields.ID = 5 %}По умолчанию {% ELSEIF goods_order_fields.ID = 7 %}дате: новые — старые {% ELSEIF goods_order_fields.ID = 8 %}дате: старые — новые {% ELSEIF goods_order_fields.ID = 11 %}рейтингу: Хорошие — Плохие {% ELSEIF goods_order_fields.ID = 12 %}рейтингу: Плохие — Хорошие {% ENDIF %} </option> {% ENDIF %} {% ENDFOR %} </select> </div> {% ENDIF %}
7.Зайдите в Редактор шаблонов --- main.css и найдите данный код:
.cartanchor:hover{border:1px solid white;}
И удалите его.
Найдите код:
@media only screen and (max-width:480px){ .cart-info.favorite{min-width:300px;overflow-x:scroll;} .prodGlobalWrp {margin: 0px 0px;}
И сразу после добавьте данный код:
.header.theme-color .row2.theme-color .cols.col-4.marg4 {margin-left: 0 !important;} menu.theme-color .cols.col-10.marg1 {margin-left: 0 !important;} .index .page_title {margin: 0 0 0 -30px !important;}
#10
Отправлено 12 Июль 2019 - 06:14
Barmalei (16 Июнь 2019 - 22:38) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<script src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.2.0/jquery.fitvids.min.js"></script> <script> $(function(){ $("iframe[src*=youtube]").parent().fitVids(); }); </script>
далее зайдите в main.css - найдите:
@media only screen and (max-width:480px){
замените на:
@media only screen and (max-width:480px){ .htmlDataBlock iframe {max-width:100%;height: auto !important;}
После изменений уточните пожалуйста какие вопросы остались актуальными.
#11
Отправлено 11 Август 2019 - 21:22
Vaccina (12 Июль 2019 - 06:14) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<script src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.2.0/jquery.fitvids.min.js"></script> <script> $(function(){ $("iframe[src*=youtube]").parent().fitVids(); }); </script>
далее зайдите в main.css - найдите:
@media only screen and (max-width:480px){
замените на:
@media only screen and (max-width:480px){ .htmlDataBlock iframe {max-width:100%;height: auto !important;}
После изменений уточните пожалуйста какие вопросы остались актуальными.
Здравствуйте, спасибо за ответы. Актуальные вопросы следующие:
1) В мобильной версии, сайт по-прежнему уехавший: рисунки 1 и 2. Напомню, весь сайт должен помещаться на экране мобильного устройства без горизонтальной прокрутки. Пункты верхнего и нижнего меню сейчас располагаются в чистом виде в две строчки (рисунок 3), а должны появляться при нажатии на кнопку "меню": рисунок 4 (фото из архивов). Кроме этого, в ПК-версии некоторые панели тоже оказались смещёнными.. Рисунки 5 и 6. Раньше такого не было: все панели были отцентрированы в одну линию: рисунок 7 (фото из архива). Как мне вернуть, как было, чтобы было ровненько?
2) При отображении товаров в виде списка, описание товаров вплотную подходит к кнопке "Купить" (рисунок 8). Как можно отцентрировать описание товаров по центру между ценой товара и кнопкой "купить", чтобы было, как на рисунке 9 (это я нафотошопил).
3) Вопрос решён, спасибо.
4) Как поставить способ сортировки "По умолчанию" на первое место? Рисунок 10. Внизу страницы, способы сортировки товаров не отредактированы; так же, если расположить товары списком, мы видим две панели сортировки... Рисунок 11. Необходимо оставить одну панель и способы сортировки оставить такими, какими мы их сделали вверху страницы, см. рисунок 10.
5) Вопрос решён, спасибо.
6) Вопрос решён, спасибо.
7) Вопрос решён, спасибо.
-------------------------------------------------------------------------------------------------------------------------------
Ещё доза вопросов:
8) В мобильной версии в корзине, описание способа оплаты вылезло за границы рамки. Рисунок 12. Как растянуть поле с описанием способа доставки?
9) Как в корзине сделать фон панелей белым цветом? На рисунках 13 и 14 заштриховал поля, которые надо сделать белыми.
10) При оформлении заказа в корзине, если выбирать способ доставки "Самовывоз" - в нижней таблице выводится пустое поле (рисунок 15). Как вписать в это поле надпись "Самовывоз" и указать цену в 0 рублей?
11) Не совсем корректно работает функция изменения количества товара в корзине (рисунок 16).
По умолчанию, после нажатия кнопки "Оформить заказ" - нельзя менять количество товара в корзине. А после того, как нажимаем кнопку "Отменить оформление" - мы снова можем изменять количество товара в корзине. Хорошо, пусть так и будет.
НО!
Попробуйте несколько раз подряд (3-4 раза) поочерёдно нажимать кнопки "Оформить заказ" -> "Отменить оформление", и увидите, что будет невозможно изменять количество заказа после нажатия "Отменить оформление". Как сделать, чтобы количество товара в корзине можно было менять только пока не нажата кнопка "Оформить заказ"?
P.S. Вдруг Вам поможет, напомню, Вы ранее делали такое же изменение на другом моём сайте, топик #31: https://forum.storel..._20#entry282749
Оставшиеся рисунки
#12
Отправлено 15 Август 2019 - 07:08
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media only screen and (max-width:480px){
замените на:
@media only screen and (max-width:480px){ .footerWrap .marg1, menu .marg1 {margin: 0 !important;} .menuWrap {display: none;} .menuopen{text-transform: uppercase;font-size: 24px;display:block; padding:8px 20px; background:rgb(50, 62, 0); color:rgb(237, 255, 0); width:100%;margin:0 auto;cursor:pointer;margin-bottom: -6px;border: none;text-align: left;} .menuopen.active {background:rgb(237, 255, 0);color:#000;}
далее найдите:
.index .page_title{border: none;padding: 15px 40px;background: #000;color: rgb(237, 255, 0);margin: 0 -30px;text-align: center;text-transform: uppercase;}
замените на:
.index .page_title{border: none;padding: 15px 40px;background: #000;color: rgb(237, 255, 0);margin: 0;text-align: center;text-transform: uppercase;}
далее найдите:
/*.pagecont{margin:1px 20px 10px 20px;text-align:justify;padding:10px;width: auto;}*/ .pagecont{margin: 1px 0px 10px 30px;text-align:justify;padding: 10px 0;width: auto;}
замените на:
.pagecont{margin: 0px 20px;text-align:justify;padding: 10px;width: 100%;} .index .pagecont{margin: 1px 0px 10px 0px;padding: 10px 0;}
далее найдите:
.product-list2 .cart.addcartbutton.goodsDataForm {margin-top: 60px;}
замените на:
.product-list2 .cart.addcartbutton.goodsDataForm {margin-top: 20px;margin-left: 10px;}
далее найдите:
.payment .orderStagePayment .cell1 {height: 114px;} .payment .orderStagePayment .cell2 {height: 114px;}
замените на:
.payment .orderStagePayment .cell1 {height: 164px;} .payment .orderStagePayment .cell2 {height: 164px;}
далее найдите:
.payment .orderStagePayment .cell1 {display: inline-block;width: 73px;border: 1px solid #E5E5E5;height: 94px;padding: 10px 5px;background: #ececec;}
замените на:
.payment .orderStagePayment .cell1 {display: inline-block;width: 73px;border: 1px solid #E5E5E5;height: 94px;padding: 10px 5px;background: #ffffff;}
далее найдите:
.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td.cell1 {background: #ececec;padding: 10px 5px;vertical-align: top;text-align:center;}
замените на:
.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td.cell1 {background: #ffffff;padding: 10px 5px;vertical-align: top;text-align:center;}
далее найдите:
.cartTable thead td, .cartTable tfoot td {background-color: #efefec;border: 1px solid #dddddd;line-height: 18px;padding: 12px;text-align: center;color: #2b3038;}
замените на:
.cartTable thead td, .cartTable tfoot td {background-color: #ffffff;border: 1px solid #dddddd;line-height: 18px;padding: 12px;text-align: center;color: #2b3038;}
далее зайдите в шаблон Товары - найдите:
<div class="prodbuttons-list"> <div class="cart addcartbutton goodsDataForm"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" class="goodsDataMainModificationId" value="{goods.MIN_PRICE_NOW_ID}" /> {%IF goods.MIN_REST_VALUE > 0 %} <div class=""> <a class="addToCart" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}cart.png?design=chameleon"/>{%ELSE%}<span class="icon-cart"></span>{%ENDIF%} Купить</a> </div> {%ELSEIF goods.MIN_REST_VALUE = 0%} <div class=""> <span class="noavalible">Нет в наличии</a> </div> {%ENDIF%} </form> <!-- Если есть возможность добавить товар в избранное --> <a class="add_to_wishlist_small mustLogin line" data-msgtype="3" data-product-id="{goods.ID}" data-product-name="{goods.NAME}" data-product-price-now="{goods.MIN_PRICE_NOW}" data-product-price-old="{goods.MIN_PRICE_OLD}" data-product-from="{goods.GOODS_FROM}" data-product-img="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" data-product-url="{goods.URL}" title="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> <span class="product-price-formatted hidden" hidden> <span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span> <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span> </span> <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small line added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-msgtype="1" data-gname="{goods.NAME}" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> {% ELSE %} <a class="add_to_compare_small line" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-msgtype="1" data-gname="{goods.NAME}" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </div><!--END price_plus_add --> <div class="clear"></div> <div class="descriptions-list"> {% IF goods.DESCRIPTION_SHORT %} <div class="desc std"> <div class="htmlDataBlock just"> {goods.DESCRIPTION_SHORT} <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more ftheme-color">Узнать больше...</a> </div> </div> {% ENDIF %} </div>
замените на:
<div class="descriptions-list"> {% IF goods.DESCRIPTION_SHORT %} <div class="desc std"> <div class="htmlDataBlock just"> {goods.DESCRIPTION_SHORT} <a href="{goods.URL | url_amp}" title="{goods.NAME}" class="link-more ftheme-color">Узнать больше...</a> </div> </div> {% ENDIF %} </div> <div class="prodbuttons-list"> <div class="cart addcartbutton goodsDataForm"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" class="goodsDataMainModificationId" value="{goods.MIN_PRICE_NOW_ID}" /> {%IF goods.MIN_REST_VALUE > 0 %} <div class=""> <a class="addToCart" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}cart.png?design=chameleon"/>{%ELSE%}<span class="icon-cart"></span>{%ENDIF%} Купить</a> </div> {%ELSEIF goods.MIN_REST_VALUE = 0%} <div class=""> <span class="noavalible">Нет в наличии</a> </div> {%ENDIF%} </form> <!-- Если есть возможность добавить товар в избранное --> <a class="add_to_wishlist_small mustLogin line" data-msgtype="3" data-product-id="{goods.ID}" data-product-name="{goods.NAME}" data-product-price-now="{goods.MIN_PRICE_NOW}" data-product-price-old="{goods.MIN_PRICE_OLD}" data-product-from="{goods.GOODS_FROM}" data-product-img="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" data-product-url="{goods.URL}" title="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a> <span class="product-price-formatted hidden" hidden> <span class="price-new">{goods.MIN_PRICE_NOW | money_format}</span> <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span> </span> <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add_to_compare_small line added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" data-msgtype="1" data-gname="{goods.NAME}" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> {% ELSE %} <a class="add_to_compare_small line" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" title="Добавить «{goods.NAME}» в список сравнения с другими товарами" data-msgtype="1" data-gname="{goods.NAME}" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" >{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </div> </div> </div><!--END price_plus_add --> <div class="clear"></div>
далее в самом низу найдите и удалите:
{% IF goods_show_order_fields %} <div class="choose"> Сортировать по: <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> </div> {% ENDIF %}
Далее зайдите в раздел Настройки - Основные - в поле сортировки установите значение "наличию: много — мало".
#13
Отправлено 18 Август 2019 - 19:50
1) Стало лучше, но в некоторых местах сайт всё-равно поехавший. Рисунки 17, 18 - поле сортировки и отображения товаров теперь откалиброваны по левому краю. Как вернуть как было: в мобильной версии эти окна стояли по центру, а в ПК-версии был отступ от левой панели меню. Это касается и верхних и нижних полей сортировки. Рисунок 19 - на странице "товар", сайт по-прежнему смещён. Напомню, надо стделать так, чтобы сайт отображался без горизонтальной прокрутке в мобильной версии; Рисунок 20 - в ПК-версии подвал сайта был растянут на всю страницу и упирался в нижнюю границу браузера, теперь стал квадратиком. Как вернуть как было?
2) Проблему решили, но появилась другая. Теперь, когда в описании товара всего одна строчка - кнопка "Купить" подпрыгнула вверх. Как вернуть её на место? Рисунок 21.
4) Поле "По умолчанию" по-прежнему на третьем месте в списке сортировок (Рисунок 22). Можно сделать его на первом месте? Должно получиться, как на рисунке 23 - нафотошопил. Внизу страницы теперь вообще нет поля выбора сортировки, давайте вернём (рисунок 24).
8) Надписи в корзине больше не вылазят, но теперь сами поля с описанием способов оплаты стали огромными и осталось много неиспользуемого пространства (рисунки 25, 26). Можно сделать поля конвертируемыми под длину текста? Т.е. надо сделать так, чтобы и слова за рамку не вылазили и лишнего пространства в рамке не было Т.е. нужно сузить рамку по высоте в соответствии с текстом, чтобы не было неиспользуемого поля под текстом.
9) Спасибо, решено
10) Проблема осталась. Данный баг можно увидеть так.
- Делаем заказ какого-либо товара и переходим в корзину.
- Нажимаем кнопку "Оформить заказ", открывается форма быстрого заказа.
- Переходим вниз страницы, и видим, что поля доставки и суммарная стоимость заказа не указаны, рисунок 27.
- Если мы вручную кликнем на способ доставки "Курьером по адресу" а потом кликнем на "Самовывоз" - то в таблице появится и сумма и способ доставки: рисунок 28.
Как сделать так, что бы способ доставки "Самовывоз" и суммарная стоимость заказа СРАЗУ была видна на таблице с рисунка 27, без дополнительных действий?
11) Проблема осталась. Потестируйте сами, пожалуйста. На mozgoum.ru у Вас получилось исправить проблему - уверен, и тут получится!
---------------------------------------------------------------------------------------------
Ещё вопросы:
12) Как расположить надпись "Оформить заказ" по центру кнопки. Рисунок 29.
13) Как убрать дублирующуюся надпись "Каталог" в меню в мобильной версии? Рисунок 30.
Vaccina, прошу Вас, нумеруйте ответы, пожалуйста...
#14
Отправлено 20 Август 2019 - 14:21
Barmalei (18 Август 2019 - 19:50) писал:
1) Стало лучше, но в некоторых местах сайт всё-равно поехавший. Рисунки 17, 18 - поле сортировки и отображения товаров теперь откалиброваны по левому краю. Как вернуть как было: в мобильной версии эти окна стояли по центру, а в ПК-версии был отступ от левой панели меню. Это касается и верхних и нижних полей сортировки. Рисунок 19 - на странице "товар", сайт по-прежнему смещён. Напомню, надо стделать так, чтобы сайт отображался без горизонтальной прокрутке в мобильной версии; Рисунок 20 - в ПК-версии подвал сайта был растянут на всю страницу и упирался в нижнюю границу браузера, теперь стал квадратиком. Как вернуть как было?
2) Проблему решили, но появилась другая. Теперь, когда в описании товара всего одна строчка - кнопка "Купить" подпрыгнула вверх. Как вернуть её на место? Рисунок 21.
4) Поле "По умолчанию" по-прежнему на третьем месте в списке сортировок (Рисунок 22). Можно сделать его на первом месте? Должно получиться, как на рисунке 23 - нафотошопил. Внизу страницы теперь вообще нет поля выбора сортировки, давайте вернём (рисунок 24).
8) Надписи в корзине больше не вылазят, но теперь сами поля с описанием способов оплаты стали огромными и осталось много неиспользуемого пространства (рисунки 25, 26). Можно сделать поля конвертируемыми под длину текста? Т.е. надо сделать так, чтобы и слова за рамку не вылазили и лишнего пространства в рамке не было Т.е. нужно сузить рамку по высоте в соответствии с текстом, чтобы не было неиспользуемого поля под текстом.
9) Спасибо, решено
10) Проблема осталась. Данный баг можно увидеть так.
- Делаем заказ какого-либо товара и переходим в корзину.
- Нажимаем кнопку "Оформить заказ", открывается форма быстрого заказа.
- Переходим вниз страницы, и видим, что поля доставки и суммарная стоимость заказа не указаны, рисунок 27.
- Если мы вручную кликнем на способ доставки "Курьером по адресу" а потом кликнем на "Самовывоз" - то в таблице появится и сумма и способ доставки: рисунок 28.
Как сделать так, что бы способ доставки "Самовывоз" и суммарная стоимость заказа СРАЗУ была видна на таблице с рисунка 27, без дополнительных действий?
11) Проблема осталась. Потестируйте сами, пожалуйста. На mozgoum.ru у Вас получилось исправить проблему - уверен, и тут получится!
---------------------------------------------------------------------------------------------
Ещё вопросы:
12) Как расположить надпись "Оформить заказ" по центру кнопки. Рисунок 29.
13) Как убрать дублирующуюся надпись "Каталог" в меню в мобильной версии? Рисунок 30.
Vaccina, прошу Вас, нумеруйте ответы, пожалуйста...
Здравствуйте. По пунктам 2, 12, 13 правки внесли. По остальным давайте решать постепенно, по вопросу, очень сложно разобраться полноценно в таком количестве вопросов и картинок сразу. напишите, пожалуйста, самый Важным вопрос со скриншотом, мы поможем
#15
Отправлено 25 Август 2019 - 14:38
MikDark (20 Август 2019 - 14:21) писал:
Здравствуйте. По пунктам 2, 12 и 13 изменения вижу, спасибо.
Все вопросы важные и требуют решения. Всего-то 8 вопросов, на три Вы уже ответили. Какая разница: сразу 5 вопросов я задам, или постепенно? Если что-то не понятно - задайте уточняющие вопросы.
Жду помощи, спасибо.
#16
Отправлено 02 Сентябрь 2019 - 11:13
#17
Отправлено 08 Сентябрь 2019 - 22:28
#18
Отправлено 19 Сентябрь 2019 - 07:00
1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
/*.pagecont{margin:1px 20px 10px 20px;text-align:justify;padding:10px;width: auto;} .pagecont{margin: 1px 0px 10px 30px;text-align:justify;padding: 10px 0;width: auto;}*/ .pagecont{margin: 0px 20px;text-align:justify;padding: 10px;width: 100%;} .index .pagecont{margin: 1px 0px 10px 0px;padding: 10px 0;}
замените на:
.pagecont{margin: 5px 20px 10px 20px;padding: 10px;}
далее найдите:
@media only screen and (min-width:220px) and (max-width:505px){ .lowresblock{display:block;}
замените на:
@media only screen and (min-width:220px) and (max-width:505px){ .lowresblock{display:block;} .pagecont{width: 365px;margin: 0 auto;text-align: center;} .pagecont div, .pagecont li {margin: 0;}
далее зайдите в шаблон Товары - найдите:
</div> </div> {% ENDFOR %} <!-- /Проходим по массиву списка товаров --> {% ENDIF %} <!--END отображение товаров списком --> </div> {% ENDIF %} <!-- /Если есть товары -->
замените на:
</div> </div> </div> {% ENDFOR %} <!-- /Проходим по массиву списка товаров --> {% ENDIF %} <!--END отображение товаров списком --> </div> {% ENDIF %} <!-- /Если есть товары -->
2.Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.listprodimage{float:left;}
замените на:
.listprodimage{float:left;} .listprodimage, .listprodimage img{max-height: 200px;overflow: hidden;}
4. Зайдите в раздел Сайт - Редактор шаблонов - main.js - в самом конце вставьте:
$(document).ready(function() { var options = $('.sortWrp select option' ); $('.sortWrp option[value=5]').insertBefore('.sortWrp option[value=1]') });
#19
Отправлено 19 Сентябрь 2019 - 07:28
.payment .orderStagePayment .cell1 {display: inline-block;width: 73px;border: 1px solid #E5E5E5;height: 94px;padding: 10px 5px;background: #ffffff;} .payment .orderStagePayment .cell1 input {margin: 0;vertical-align: middle;} .payment .orderStagePayment .cell2 {background:#fff;text-align:left;display: inline-block;width: calc(100% - 80px);border: 1px solid #E5E5E5;vertical-align: top;height: 94px;padding: 10px;} .payment .orderStagePayment .cell2 label {font-size: 18px;font-weight: bold;color: #000;}
замените на:
.payment .orderStagePayment .cell1 {display: inline-block;width: 73px;border: 1px solid #E5E5E5;padding: 10px 5px;background: #ffffff;} .payment .orderStagePayment .cell1 input {margin: 0;vertical-align: middle;} .payment .orderStagePayment .cell2 {background:#fff;text-align:left;display: inline-block;width: calc(100% - 80px);border: 1px solid #E5E5E5;vertical-align: top;padding: 10px;} .payment .orderStagePayment .cell2 label {font-size: 18px;font-weight: bold;color: #000;} .payment .orderStagePayment:nth-child(1) .cell1, .payment .orderStagePayment:nth-child(1) .cell2 {height:70px;} .payment .orderStagePayment:nth-child(2) .cell1, .payment .orderStagePayment:nth-child(2) .cell2 {height:94px;} .payment .orderStagePayment:nth-child(3) .cell1, .payment .orderStagePayment:nth-child(3) .cell2 {height:50px;}
далее найдите:
.payment .orderStagePayment .cell1 {height: 164px;} .payment .orderStagePayment .cell2 {height: 164px;}
замените на:
.payment .orderStagePayment:nth-child(2) .cell1, .payment .orderStagePayment:nth-child(2) .cell2 {height:114px;}
10. Зайдите в раздел Сайт - Редактор шаблонов - Быстрый заказ - найдите:
<tr class="items deliv"> <td class="image"><i class="fa fa-plus"></i></td> <td class="name"></td> <td class="cart-price" width="150"> <span class="title">Цена за шт.:</span><span class="price"></span> </td> <td class="cart-qty" width="100"><span class="title">Кол-во:</span><span>1</span></td> <td class="cart-price" width="150"> <span class="title">Сумма:</span><span class="price"></span> </td> </tr>
замените на:
<tr class="items deliv"> <td class="image"><i class="fa fa-plus"></i></td> <td class="name">Бесплатный самовывоз ()</td> <td class="cart-price" width="150"> <span class="title">Цена за шт.:</span><span class="price">0</span> </td> <td class="cart-qty" width="100"><span class="title">Кол-во:</span><span>1</span></td> <td class="cart-price" width="150"> <span class="title">Сумма:</span><span class="price">0</span> </td> </tr>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных