Приветствую! Нужно добавить блок с вылетающим блоком и такими надписями. цвет выделения #23B5B5. показал на слайде как должно все выглядеть.
1
Добавление Блока
Автор МихаилДолматов, 11 авг. 2019 19:08
Сообщений в теме: 7
#1
Отправлено 11 Август 2019 - 19:08
#2
Отправлено 14 Август 2019 - 07:51
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
перед ним вставьте:
Измените текст на необходимый.
Далее зайдите в main.css - найдите:
после него вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
</div> </div> </div> </div> </div> <!-- /END Форма карточки товара --> <!-- Сопутствующие товары --> {% IFNOT related_goods_empty %}
перед ним вставьте:
<div class="other_info"> <ul> <li><i class="fal fa-angle-left"></i> При покупке Вы получите <div class="content">Текст</div> </li> <li><i class="fal fa-angle-left"></i> Варианты оплаты <div class="content">Текст</div> </li> </ul> </div>
Измените текст на необходимый.
Далее зайдите в main.css - найдите:
.product-view .product-shop .custom-block .item:first-child {border-left: 0;padding-left: 0;} .product-view .product-shop .custom-block .item i {display: inline-block;vertical-align: middle;font-size: 35px;color: #23B5B5;} .product-view .product-shop .custom-block .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;font-size: 14px;font-weight: 400;font-family: 'Cera Round Pro',Arial,sans-serif;}
после него вставьте:
.product-order .other_info ul {list-style: none;padding: 0;} .product-order .other_info li{padding: 10px;border-bottom: 1px solid #dce4e9;font-size: 14px;position:relative;cursor: pointer;} .product-order .other_info li .content {cursor: text;display:none;position: absolute;right: 99%;top: 5px;background: #fff;border:1px solid #dce4e9;padding: 10px;} .product-order .other_info li:hover {color: #23B5B5;} .product-order .other_info li:hover .content {display: block;color:#000;}
#3
Отправлено 14 Август 2019 - 10:37
Vaccina (14 Август 2019 - 07:51) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
перед ним вставьте:
Измените текст на необходимый.
Далее зайдите в main.css - найдите:
после него вставьте:
Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
</div> </div> </div> </div> </div> <!-- /END Форма карточки товара --> <!-- Сопутствующие товары --> {% IFNOT related_goods_empty %}
перед ним вставьте:
<div class="other_info"> <ul> <li><i class="fal fa-angle-left"></i> При покупке Вы получите <div class="content">Текст</div> </li> <li><i class="fal fa-angle-left"></i> Варианты оплаты <div class="content">Текст</div> </li> </ul> </div>
Измените текст на необходимый.
Далее зайдите в main.css - найдите:
.product-view .product-shop .custom-block .item:first-child {border-left: 0;padding-left: 0;} .product-view .product-shop .custom-block .item i {display: inline-block;vertical-align: middle;font-size: 35px;color: #23B5B5;} .product-view .product-shop .custom-block .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;font-size: 14px;font-weight: 400;font-family: 'Cera Round Pro',Arial,sans-serif;}
после него вставьте:
.product-order .other_info ul {list-style: none;padding: 0;} .product-order .other_info li{padding: 10px;border-bottom: 1px solid #dce4e9;font-size: 14px;position:relative;cursor: pointer;} .product-order .other_info li .content {cursor: text;display:none;position: absolute;right: 99%;top: 5px;background: #fff;border:1px solid #dce4e9;padding: 10px;} .product-order .other_info li:hover {color: #23B5B5;} .product-order .other_info li:hover .content {display: block;color:#000;}
нужно подправить - сейчас результат такой , хотелось бы со значками и чтобы все ровно отображалось как здесь -
#4
Отправлено 15 Август 2019 - 07:28
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
В шаблоне Товар в блоке:
вставьте необходимый текст с иконками, сформировать текст и простилизовать его вы можете в разделе Сайт - Страница - создать страницу в поле описания, после этого нажмите "Источник" и скопируйте полученный код.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-order .other_info li .content {cursor: text;display:none;position: absolute;right: 99%;top: 5px;background: #fff;border:1px solid #dce4e9;padding: 10px;}замените на:
.product-order .other_info li .content {cursor: text;display:none;position: absolute;right: 99%;top: 5px;background: #fff;border:1px solid #dce4e9;padding: 10px;width: 300px;}
В шаблоне Товар в блоке:
<li><i class="fal fa-angle-left"></i> При покупке Вы получите <div class="content">Купон на скидку Гарантия 12 месяцев Оповещение по SMS Возврат и обмен Различные способы оплаты Лучшая цена</div> </li> <li><i class="fal fa-angle-left"></i> Варианты оплаты <div class="content">Наличными при получении в Москве Картой при получении в Москве Наличными при получении в Почте РФ Наличными или картой в пункте СДЭК</div> </li>
вставьте необходимый текст с иконками, сформировать текст и простилизовать его вы можете в разделе Сайт - Страница - создать страницу в поле описания, после этого нажмите "Источник" и скопируйте полученный код.
#5
Отправлено 15 Август 2019 - 19:44
Vaccina (15 Август 2019 - 07:28) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
В шаблоне Товар в блоке:
вставьте необходимый текст с иконками, сформировать текст и простилизовать его вы можете в разделе Сайт - Страница - создать страницу в поле описания, после этого нажмите "Источник" и скопируйте полученный код.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-order .other_info li .content {cursor: text;display:none;position: absolute;right: 99%;top: 5px;background: #fff;border:1px solid #dce4e9;padding: 10px;}замените на:
.product-order .other_info li .content {cursor: text;display:none;position: absolute;right: 99%;top: 5px;background: #fff;border:1px solid #dce4e9;padding: 10px;width: 300px;}
В шаблоне Товар в блоке:
<li><i class="fal fa-angle-left"></i> При покупке Вы получите <div class="content">Купон на скидку Гарантия 12 месяцев Оповещение по SMS Возврат и обмен Различные способы оплаты Лучшая цена</div> </li> <li><i class="fal fa-angle-left"></i> Варианты оплаты <div class="content">Наличными при получении в Москве Картой при получении в Москве Наличными при получении в Почте РФ Наличными или картой в пункте СДЭК</div> </li>
вставьте необходимый текст с иконками, сформировать текст и простилизовать его вы можете в разделе Сайт - Страница - создать страницу в поле описания, после этого нажмите "Источник" и скопируйте полученный код.
спасибо
#7
Отправлено 20 Август 2019 - 08:29
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.product-order .other_info li .content {cursor: text;display:none;position: absolute;right: 99%;top: 5px;background: #fff;border:1px solid #dce4e9;padding: 10px;width: 330px;}
замените на:
.product-order .other_info li .content {cursor: text;display:none;position: absolute;right: 99%;top: 5px;background: #fff;border:1px solid #dce4e9;padding: 10px;width: 330px;z-index: 10;}
#8
Отправлено 19 Февраль 2020 - 17:09
Добрый день! Помогите пожалуйста. Необходимо, чтоб в каталоге товаров отражалась цена за 1 единицу. Но когда заходишь на страницу самого товара было что-то по типу таблицы, где вы покупаете не поштучно, а коробкой и упаковкой в зависимости от нужного кол-ва.
Но клиент бы в первую очередь ориентировался на стоимость единицы товара
Примерно как здесь https://vendingboss....m-miks-vesely
Но клиент бы в первую очередь ориентировался на стоимость единицы товара
Примерно как здесь https://vendingboss....m-miks-vesely
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных