Перейти к содержимому


Добавление Блока


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 11 Август 2019 - 19:08

Приветствую! Нужно добавить блок с вылетающим блоком и такими надписями. цвет выделения #23B5B5. показал на слайде как должно все выглядеть.изменения1213.jpg изменения2213.jpg

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 14 Август 2019 - 07:51

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
	  </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 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 14 Август 2019 - 10:37

Просмотр сообщенияVaccina (14 Август 2019 - 07:51) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
	 </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;}

нужно подправить - сейчас результат такой Безымянный22122.png , хотелось бы со значками и чтобы все ровно отображалось как здесь - изменения1213.jpg

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Август 2019 - 07:28

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 15 Август 2019 - 19:44

Просмотр сообщенияVaccina (15 Август 2019 - 07:28) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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>

вставьте необходимый текст с иконками, сформировать текст и простилизовать его вы можете в разделе Сайт - Страница - создать страницу в поле описания, после этого нажмите "Источник" и скопируйте полученный код.

спасибо

#6 МихаилДолматов

МихаилДолматов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 319 сообщений

Отправлено 16 Август 2019 - 12:51

Все же нашел ошибкуподправте пожалуйста)) -Безымянный221.png

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Август 2019 - 08:29

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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 Boris.work

Boris.work

    Новичок

  • Пользователи
  • Pip
  • 4 сообщений

Отправлено 19 Февраль 2020 - 17:09

Добрый день! Помогите пожалуйста. Необходимо, чтоб в каталоге товаров отражалась цена за 1 единицу. Но когда заходишь на страницу самого товара было что-то по типу таблицы, где вы покупаете не поштучно, а коробкой и упаковкой в зависимости от нужного кол-ва.
Но клиент бы в первую очередь ориентировался на стоимость единицы товара

Примерно как здесь https://vendingboss....m-miks-vesely




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных