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


Карточка Товара Тотальное Обновление


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

#21 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 01 Ноябрь 2017 - 15:36

Просмотр сообщенияRibka (28 Октябрь 2017 - 21:38) писал:

Добрый вечер!
Ребяята, срочно нужна ваша помощь - обнаружила баги на сайте в связи с недавним обновалением карточки товара.
В обычном режиме, когда просматриваешь каталог все ок.

Когда находишь товары из режима поиска, выдает кривое отображение товаров
в каталоге вида таблица - https://prnt.sc/h37p4d

помогите, пожалуйста, где нужно поправить код?

Здравствуйте.
В шаблоне Поиск код:
				  <div class="product-shop">
					<meta itemprop="name" content="{goods.NAME}">
					<meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
					<div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div>
					<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
					  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
					  {% ENDIF %}
						<span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
					</div>
					<!-- Выводим 2 характеристики -->
					{% IFNOT goods.goods_attr_list_empty %}
					  <div class="attr-list">
						{% FOR goods_attr_list %}
						{% IF goods.goods_attr_list.index > 2 %}{break}{% ENDIF %}
						<div class="attr">
						  <span class="name">{goods.goods_attr_list.NAME}:</span>
						  <span class="value">{goods.goods_attr_list.VALUE}</span>
						</div>				   
						{% ENDFOR %}		  
					  </div>
					{% ENDIF %}
				  </div>

Заменил на:
				  <div class="product-shop">
					<meta itemprop="name" content="{goods.NAME}">
					<meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
					<div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div>
					{% IFNOT goods.goods_attr_list_empty %}{% FOR goods_attr_list %}{% IF goods.goods_attr_list.NAME = Минимальное количество %}
					<div class="min_quant">
												   <span id="val_num" style="display:none">{goods.goods_attr_list.VALUE}</span>
												   <span>Этот товар продается по {goods.goods_attr_list.VALUE} штук.</span>
												   <span>Цена указана за штуку</span>
										   </div>
					{% ENDIF %}{% ENDFOR %}{% ENDIF %}
					<div class="av">
					Наличие товара: {% IF goods.MAX_REST_VALUE=0 %}<span class="false">Нет в наличии</span>{% ELSE %}<span class="true">В наличии</span>{% ENDIF %}
					</div>
					<!-- Выводим бренд -->
					{% IFNOT goods.goods_attr_list_empty %}
						   <div class="attr-list">
						   {% FOR goods_attr_list %}{% IF goods.goods_attr_list.NAME = Бренд %}
						   <div class="attr">
								   <span class="name">{goods.goods_attr_list.NAME}:</span>
								   <span class="value">{goods.goods_attr_list.VALUE}</span>
						   </div>						
						   {% ENDIF %}{% ENDFOR %}			   
						   </div>
					{% ENDIF %}
					<div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
					  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
					  {% ENDIF %}
						<span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
					</div>
					<div class="addtocart">
					{% IF goods.MAX_REST_VALUE>0 %}
						 <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину">В корзину</a>
					{% ELSE %}
					<a class="button" onclick="document.location = '/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара &laquo;{goods.NAME}&raquo;?'; return false;" / >Узнать о поступлении</a>
					{% ENDIF %}
					</div>
				  </div>

А так же удалил код:
							<div class="quickview-wrap">
							  <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{goods.NAME}&raquo;" data-tooltip="Быстрый просмотр"><i class="fa fa-eye"></i><span>Быстрый просмотр</span></a>
							</div>

Проверьте результат.

#22 Ribka

Ribka

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

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

Отправлено 01 Ноябрь 2017 - 20:40

Просмотр сообщенияFirefly (01 Ноябрь 2017 - 15:36) писал:

Здравствуйте.
В шаблоне Поиск код:
				 <div class="product-shop">
				 <meta itemprop="name" content="{goods.NAME}">
				 <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
				 <div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div>
				 <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
					 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
					 {% ENDIF %}
					 <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
				 </div>
				 <!-- Выводим 2 характеристики -->
				 {% IFNOT goods.goods_attr_list_empty %}
					 <div class="attr-list">
					 {% FOR goods_attr_list %}
					 {% IF goods.goods_attr_list.index > 2 %}{break}{% ENDIF %}
					 <div class="attr">
						 <span class="name">{goods.goods_attr_list.NAME}:</span>
						 <span class="value">{goods.goods_attr_list.VALUE}</span>
					 </div>				
					 {% ENDFOR %}		
					 </div>
				 {% ENDIF %}
				 </div>

Заменил на:
				 <div class="product-shop">
				 <meta itemprop="name" content="{goods.NAME}">
				 <meta itemprop="description" content="{% IF goods.DESCRIPTION_SHORT %}{goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
				 <div class="product-name"><a href="{goods.URL_MIN_PRICE_NOW | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></div>
				 {% IFNOT goods.goods_attr_list_empty %}{% FOR goods_attr_list %}{% IF goods.goods_attr_list.NAME = Минимальное количество %}
				 <div class="min_quant">
												 <span id="val_num" style="display:none">{goods.goods_attr_list.VALUE}</span>
												 <span>Этот товар продается по {goods.goods_attr_list.VALUE} штук.</span>
												 <span>Цена указана за штуку</span>
										 </div>
				 {% ENDIF %}{% ENDFOR %}{% ENDIF %}
				 <div class="av">
				 Наличие товара: {% IF goods.MAX_REST_VALUE=0 %}<span class="false">Нет в наличии</span>{% ELSE %}<span class="true">В наличии</span>{% ENDIF %}
				 </div>
				 <!-- Выводим бренд -->
				 {% IFNOT goods.goods_attr_list_empty %}
						 <div class="attr-list">
						 {% FOR goods_attr_list %}{% IF goods.goods_attr_list.NAME = Бренд %}
						 <div class="attr">
								 <span class="name">{goods.goods_attr_list.NAME}:</span>
								 <span class="value">{goods.goods_attr_list.VALUE}</span>
						 </div>						
						 {% ENDIF %}{% ENDFOR %}			
						 </div>
				 {% ENDIF %}
				 <div class="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
					 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <span class="price old-price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
					 {% ENDIF %}
					 <span class="price {CURRENCY_CHAR_CODE}" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span>
				 </div>
				 <div class="addtocart">
				 {% IF goods.MAX_REST_VALUE>0 %}
						 <a class="add-cart button button2" title="В корзину" data-tooltip="В корзину">В корзину</a>
				 {% ELSE %}
				 <a class="button" onclick="document.location = '/feedback/?form[feedback_message]=Могли бы Вы уведомить меня о наличии товара &laquo;{goods.NAME}&raquo;?'; return false;" / >Узнать о поступлении</a>
				 {% ENDIF %}
				 </div>
				 </div>

А так же удалил код:
						 <div class="quickview-wrap">
							 <a class="quickview" href="{goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{goods.NAME}&raquo;" data-tooltip="Быстрый просмотр"><i class="fa fa-eye"></i><span>Быстрый просмотр</span></a>
						 </div>

Проверьте результат.


все супер. большое спасибо за помощь

#23 Ribka

Ribka

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

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

Отправлено 06 Ноябрь 2017 - 14:35

Добрый день!
:) Продолжаем модернизировать карточку товара

Скрин идеи : https://prnt.sc/h6uto5

1. Характеристика "Производитель" - текст вывести - название "Бренда"
2. Изображение, которое подкрепляется к характеритике "Производитель" переместить в правый угол (как на скрине)
3. Блок https://prnt.sc/h6umru - Добавить
4. Убрать кнопку "Быстрый заказ" -> вместо нее сделать кнопку "Задать вопрос" - кнопка по аналогии "Узнать о поступлении" только без текста. Просто пустые поля
5. Кнопки https://prnt.sc/h6uugr вывести в одну строчку

#24 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 08 Ноябрь 2017 - 15:08

Просмотр сообщенияRibka (06 Ноябрь 2017 - 14:35) писал:

Добрый день!
:) Продолжаем модернизировать карточку товара

Скрин идеи : https://prnt.sc/h6uto5

1. Характеристика "Производитель" - текст вывести - название "Бренда"
2. Изображение, которое подкрепляется к характеритике "Производитель" переместить в правый угол (как на скрине)
3. Блок https://prnt.sc/h6umru - Добавить
4. Убрать кнопку "Быстрый заказ" -> вместо нее сделать кнопку "Задать вопрос" - кнопка по аналогии "Узнать о поступлении" только без текста. Просто пустые поля
5. Кнопки https://prnt.sc/h6uugr вывести в одну строчку
Здравствуйте,
1. Найдите в файле main.js код
if (!$element.hasClass('loaded')) {
				 $element.addClass('loaded');
		 $element.append('<span class="title_name">Производитель: </span></br>')
				 $element.append($('<img>').attr('src', $(this).attr('src')));
		 }

замените на
if (!$element.hasClass('loaded')) {
				 $element.addClass('loaded');
		 $element.append('<span class="title_name">Производитель: '+brand+'</span></br>')
				 $element.append($('<img class="brand_img">').attr('src', $(this).attr('src')));
		 }

2 Добавьте в конец файла main.css код
.brand_img {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -9;
}
.goodsDataMainModificationAvailable {
	position: relative;
}


3. Пришлите изображения для данного блока или добавьте их в раздел Сайт-Файлы.
4. Найдите в шаблоне Товар код
  <button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>
			   

замените на
<div><a class="button rest" href="" onclick="document.location = '/feedback/; return false;">Узнать о поступлении</a></div>
	   

5. Найдите в файле main.css код
.product-view .product-shop .add-to-box .add-to-cart .button {
	float: left;
	margin: 0 30px 10px 0;
	font-size: 15px;
	font-weight: 5100;
}
замените на
.product-view .product-shop .add-to-box .add-to-cart .button {
	float: left;
	margin: 0 4px 10px 0;
	font-size: 15px;
	font-weight: 5100;
}


#25 Ribka

Ribka

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

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

Отправлено 08 Ноябрь 2017 - 22:06

Просмотр сообщенияИрина345 (08 Ноябрь 2017 - 15:08) писал:

Здравствуйте,
1. Найдите в файле main.js код
if (!$element.hasClass('loaded')) {
				 $element.addClass('loaded');
		 $element.append('<span class="title_name">Производитель: </span></br>')
				 $element.append($('<img>').attr('src', $(this).attr('src')));
		 }

замените на
if (!$element.hasClass('loaded')) {
				 $element.addClass('loaded');
		 $element.append('<span class="title_name">Производитель: '+brand+'</span></br>')
				 $element.append($('<img class="brand_img">').attr('src', $(this).attr('src')));
		 }

2 Добавьте в конец файла main.css код
.brand_img {
float: right;
position: absolute;
right: 0;
top: 0;
z-index: -9;
}
.goodsDataMainModificationAvailable {
position: relative;
}


3. Пришлите изображения для данного блока или добавьте их в раздел Сайт-Файлы.
4. Найдите в шаблоне Товар код
<button type="submit" class="add-cart quick button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>
			

замените на
<div><a class="button rest" href="" onclick="document.location = '/feedback/; return false;">Узнать о поступлении</a></div>
	

5. Найдите в файле main.css код
.product-view .product-shop .add-to-box .add-to-cart .button {
float: left;
margin: 0 30px 10px 0;
font-size: 15px;
font-weight: 5100;
}
замените на
.product-view .product-shop .add-to-box .add-to-cart .button {
float: left;
margin: 0 4px 10px 0;
font-size: 15px;
font-weight: 5100;
}

Добрый день!
Спасибо большое за помощь, изменения внесла
некоторые неточности можно подправить? https://prnt.sc/h7x4a4
1. Логотип поместить выше
2. Добавить небольшой отступ между кнопками "сравнить" и "избранное"
3. Сделать надпись самого бренда зеленым и шрифт не жирный. По аналогии с верхними
4. С мобильного телефона криво отображается сам логотип (наезжает на цену) -> только в мобильной версии поместить его под ценой https://prnt.sc/h7x88g
5. А блок с картинкам переместить ниже? https://prnt.sc/h7x2du

6. Добавить именно иконки для надписей или можно цельную картинку которую можно вставить в товар? Как будет лучше? иконки?

7. ОШИБКА КОДА! Когда нажимаешь на кнопку "задать вопрос" выводит ошибку https://prnt.sc/h7xbe1

#26 Vaccina

Vaccina

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

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

Отправлено 09 Ноябрь 2017 - 05:42

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.brand_img {
		float: right;
		position: absolute;
		right: 0;
		top: 0;
		z-index: -9;
}

замените на:
.brand_img {
		float: right;
		position: absolute;
		right: 0;
		top: -50px;
		z-index: -9;
}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:
.product-view .product-shop .add-to-box .add-to-links .button.add-compare {margin-left: -7px;}

3. Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$element.append('<span class="title_name">Производитель: '+brand+'</span></br>')

замените на:
$element.append('<span class="title_name">Производитель: <span>'+brand+'</span></span></br>')

далее зайдите в main.css - найдите:
.product-view .product-shop .goodsDataMainModificationAvailable .available-true span {color: #4DB725;}

перед ним вставьте:
.product-view .product-shop .title_name span {color: #4DB725;}

4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {

после него пропишите:
.brand_img{position: relative!important;top: initial !important;float: left !important;}

5,6. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
</div>
  <!-- /END Форма карточки товара -->
  <!-- Основные вкладки описаний товара -->
  <div class="product-tabs f-fix clear">
<ul class="tabs">

перед ним вставьте:
<!-- Информативный блок -->
<div class="item_inf">
  <span><img src="#" alt="" />Гарантия качества</span>
  <span><img src="#" alt="" />Безналичный расчет</span>
  <span><img src="#" alt="" />Visa, MasterCard</span>
</div>
<!-- END Информативный блок -->

символ # замените на ссылку на картинку\иконку.

Далее зайдите в main.css - найдите:
/* Вкладки табы */
.product-tabs .tab-content .htmlDataBlock {padding: 0;margin: 0;}
.product-tabs .tab-content .htmlDataBlock p {margin: 0;}

перед ним пропишите:
.product-view .product-shop .item_inf{float: left;width: 100%;padding: 5px 2px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.product-view .product-shop .item_inf span{display: inline-block;width: 32%;}
.product-view .product-shop .item_inf span img{margin-right: 5px;}

7. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<div><a class="button rest" href="" onclick="document.location = '/feedback/; return false;">Задать вопрос</a></div>

замените на:
<div><a class="button rest" href="{FEEDBACK_URL}">Задать вопрос</a></div>


#27 Ribka

Ribka

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

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

Отправлено 10 Ноябрь 2017 - 23:00

Просмотр сообщенияVaccina (09 Ноябрь 2017 - 05:42) писал:

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.brand_img {
	 float: right;
	 position: absolute;
	 right: 0;
	 top: 0;
	 z-index: -9;
}

замените на:
.brand_img {
	 float: right;
	 position: absolute;
	 right: 0;
	 top: -50px;
	 z-index: -9;
}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:
.product-view .product-shop .add-to-box .add-to-links .button.add-compare {margin-left: -7px;}

3. Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
$element.append('<span class="title_name">Производитель: '+brand+'</span></br>')

замените на:
$element.append('<span class="title_name">Производитель: <span>'+brand+'</span></span></br>')

далее зайдите в main.css - найдите:
.product-view .product-shop .goodsDataMainModificationAvailable .available-true span {color: #4DB725;}

перед ним вставьте:
.product-view .product-shop .title_name span {color: #4DB725;}

4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {

после него пропишите:
.brand_img{position: relative!important;top: initial !important;float: left !important;}

5,6. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
</div>
<!-- /END Форма карточки товара -->
<!-- Основные вкладки описаний товара -->
<div class="product-tabs f-fix clear">
<ul class="tabs">

перед ним вставьте:
<!-- Информативный блок -->
<div class="item_inf">
<span><img src="#" alt="" />Гарантия качества</span>
<span><img src="#" alt="" />Безналичный расчет</span>
<span><img src="#" alt="" />Visa, MasterCard</span>
</div>
<!-- END Информативный блок -->

символ # замените на ссылку на картинку\иконку.

Далее зайдите в main.css - найдите:
/* Вкладки табы */
.product-tabs .tab-content .htmlDataBlock {padding: 0;margin: 0;}
.product-tabs .tab-content .htmlDataBlock p {margin: 0;}

перед ним пропишите:
.product-view .product-shop .item_inf{float: left;width: 100%;padding: 5px 2px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.product-view .product-shop .item_inf span{display: inline-block;width: 32%;}
.product-view .product-shop .item_inf span img{margin-right: 5px;}

7. Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<div><a class="button rest" href="" onclick="document.location = '/feedback/; return false;">Задать вопрос</a></div>

замените на:
<div><a class="button rest" href="{FEEDBACK_URL}">Задать вопрос</a></div>


Спасибо вам огромное! Все как всегда на высшем уровне :wub:

#28 Ribka

Ribka

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

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

Отправлено 10 Ноябрь 2017 - 23:47

Подскажите, пожалуйста, можно такое продумать?

Идея: https://prnt.sc/h8uqus

Хочется в каждом товаре иметь такую колонку(блок) "О производителе"
Прописать такое в любой вариации я могу в форме "Полного описания", но проблема в том, что текст о производителе придется прописывать вручную для 20т товаров :)) долго
Вот сижу думаю,как можно упростить.
Если грузить текст с эксель, то он не будет аккуратным и четким на выходе. (без выделений, абзацев и прочее)


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

представляю себе это примерно так. Что скажите? :wub:

#29 Vaccina

Vaccina

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

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

Отправлено 11 Ноябрь 2017 - 06:40

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

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
				 <!-- Блок описания товара. Показываем его если есть описание товара -->
				 {% IF GOODS_DESCRIPTION_LARGE %}
				 <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
				 {% ENDIF %}
				 <!-- END Блок описания товара. Показываем его если есть описание товара -->
				 <!-- Короткое SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
				 <p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
				 {% ENDIF %}
				 <!-- END Короткое SEO-описание -->	 
				 <!-- Полное SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
				 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
				 {% ENDIF %}
				 <!-- END Полное SEO-описание -->
                
                
после него пропишите:
{% FOR goods_features%}{% IF goods_features.NAME=Бренд %}
  <br/><h3 class="title"><span>О производителе</span></h3>
  {% IF goods_features.VALUE= BERKLEY %}
	Сюда вставляем текст про бренд  BERKLEY
  {% ELSEIF goods_features.VALUE=  ASAKURA %}
	Сюда вставляем текст про бренд   ASAKURA
  {% ELSEIF goods_features.VALUE=  IZUMI %}
	Сюда вставляем текст про бренд   IZUMI
  {% ELSEIF goods_features.VALUE=  BAKER %}
	Сюда вставляем текст про бренд   BAKER
  {% ELSEIF goods_features.VALUE=  Westin %}
	Сюда вставляем текст про бренд   Westin
{% ENDIF %}{% ENDFOR %}

Измените текст и название бренда на необходимое, так же по аналогии добавляйте новые условия по бренду и текст.

#30 Ribka

Ribka

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

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

Отправлено 11 Ноябрь 2017 - 13:35

[Цитата имя='до' типа timestamp='1510371648' пост='269348']
Здравствуйте.

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
[код] <!-- Блок описания товара. Показываем его если есть описание товара -->
{% если GOODS_DESCRIPTION_LARGE %}
<п сосновец="описание">{GOODS_DESCRIPTION_LARGE}</р>
{% за endif %}
<!-- Конец Блок описания товара. Показываем его если есть описание товара -->
<!-- Короткое СЕО-описание -->
{% если GOODS_SEO_DESCRIPTION_SHORT %}
<п>{GOODS_SEO_DESCRIPTION_SHORT}</р>
{% за endif %}
<!-- Конец Короткое СЕО-описание -->
<!-- Полное СЕО-описание -->
{% если GOODS_SEO_DESCRIPTION_LARGE %}
<п>{GOODS_SEO_DESCRIPTION_LARGE}</р>
{% За endif %}
<!-- Конец Полное СЕО-описание -->[/код]


после него пропишите:
[код]{% для goods_features%}{% если goods_features.Имя=Бренд %}
<br/>или<Н3 класс="название"><промежуток>О производителе на</span></H3>и
{%, если goods_features.Значение= Беркли %}
Сюда вставляем текст про бренд Беркли
{% за elseif goods_features.Значение= АСАКУРА %}
Сюда вставляем текст про бренд АСАКУРА
{% за elseif goods_features.Значение= ИДЗУМИ %}
Сюда вставляем текст про бренд ИЗУМИ
{% за elseif goods_features.Значение= Бейкера %}
Сюда вставляем текст про бренд Бейкер
{% за elseif goods_features.Значение= Вестин %}
Сюда вставляем текст про бренд Вестин
{% за endif %}{% КОНЕЦЗА %}[/код]

Измените текст и название бренда на необходимое, так же по аналогии добавляйте новые условия по бренду и текст.
[/Цитата]

:wub: Спасибо большое! То, что нужно! Я в вас даже не сомневалась))

#31 Ribka

Ribka

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

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

Отправлено 11 Ноябрь 2017 - 20:19

Просмотр сообщенияVaccina (11 Ноябрь 2017 - 06:40) писал:

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

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
				 <!-- Блок описания товара. Показываем его если есть описание товара -->
				 {% IF GOODS_DESCRIPTION_LARGE %}
				 <p itemprop="description">{GOODS_DESCRIPTION_LARGE}</p>
				 {% ENDIF %}
				 <!-- END Блок описания товара. Показываем его если есть описание товара -->
				 <!-- Короткое SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
				 <p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
				 {% ENDIF %}
				 <!-- END Короткое SEO-описание -->
				 <!-- Полное SEO-описание -->
				 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
				 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
				 {% ENDIF %}
				 <!-- END Полное SEO-описание -->


после него пропишите:
{% FOR goods_features%}{% IF goods_features.NAME=Бренд %}
<br/><h3 class="title"><span>О производителе</span></h3>
{% IF goods_features.VALUE= BERKLEY %}
Сюда вставляем текст про бренд BERKLEY
{% ELSEIF goods_features.VALUE= ASAKURA %}
Сюда вставляем текст про бренд ASAKURA
{% ELSEIF goods_features.VALUE= IZUMI %}
Сюда вставляем текст про бренд IZUMI
{% ELSEIF goods_features.VALUE= BAKER %}
Сюда вставляем текст про бренд BAKER
{% ELSEIF goods_features.VALUE= Westin %}
Сюда вставляем текст про бренд Westin
{% ENDIF %}{% ENDFOR %}

Измените текст и название бренда на необходимое, так же по аналогии добавляйте новые условия по бренду и текст.

А можно по аналогии вывести характеристику в карточке товара "Страна производитель" https://prnt.sc/h95aoo которая так же будет привязываться к бренду и прописать ее где нибудь в коде

#32 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 17 Ноябрь 2017 - 14:13

Просмотр сообщенияRibka (11 Ноябрь 2017 - 20:19) писал:

А можно по аналогии вывести характеристику в карточке товара "Страна производитель" https://prnt.sc/h95aoo которая так же будет привязываться к бренду и прописать ее где нибудь в коде
Здравствуйте, Вы хотите так же выводить "Страну производителя", как и "Бренд"? Через изображение?
Если так, то аналогии добавляете изображения в раздел Сайт-Редактор шаблонов.
Далее найдите в файле main.js код

$(document).on('click','.spoiler-trigger',function(e){e.preventDefault();$(this).toggleClass('active');$(this).parent().find('.spoiler-block').slideToggle(300);})
$(document).ready(function(){
$('#content_2 tr').each(function(){
		 var name = $(this).find('td.cell1').text();
if(name == 'Бренд'){
				 var brand = $(this).find('td.cell2').text();
var fileTypes = ['png', 'gif', 'jpg'];
for(var i in fileTypes) {
var img = new Image();
						 img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i];
						 img.onload = $.proxy(function(){
		 var $element = $('.product-shop .goodsDataMainModificationAvailable');
		 if (!$element.hasClass('loaded')) {
								 $element.addClass('loaded');
				 $element.append('<span class="title_name">Производитель: <span>'+brand+'</span></span></br>')
								 $element.append($('<img class="brand_img">').attr('src', $(this).attr('src')));
				 }
}, img);
}
}
});
});
замените на
$(document).on('click','.spoiler-trigger',function(e){e.preventDefault();$(this).toggleClass('active');$(this).parent().find('.spoiler-block').slideToggle(300);})
$(document).ready(function(){
$('#content_2 tr').each(function(){
		 var name = $(this).find('td.cell1').text();
if(name == 'Бренд'){
				 var brand = $(this).find('td.cell2').text();
var fileTypes = ['png', 'gif', 'jpg'];
for(var i in fileTypes) {
var img = new Image();
						 img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i];
						 img.onload = $.proxy(function(){
		 var $element = $('.product-shop .goodsDataMainModificationAvailable');
		 if (!$element.hasClass('loaded')) {
								 $element.addClass('loaded');
				 $element.append('<span class="title_name">Производитель: <span>'+brand+'</span></span></br>')
								 $element.append($('<img class="brand_img">').attr('src', $(this).attr('src')));
				 }
}, img);
}
}
if(name == 'Страна производитель'){
				 var brand = $(this).find('td.cell2').text();
var fileTypes = ['png', 'gif', 'jpg'];
for(var i in fileTypes) {
var img = new Image();
						 img.src = 'http://design.pro-ribku.ru/' + brand + '.' + fileTypes[i];
						 img.onload = $.proxy(function(){
		 var $element = $('.product-shop .goodsDataMainModificationAvailable');
		 if (!$element.hasClass('loaded')) {
								 $element.addClass('loaded');
				 $element.append('<span class="title_name proisvod">Страна производитель: <span>'+brand+'</span></span></br>')
								 $element.append($('<img class="brand_img proisvod">').attr('src', $(this).attr('src')));
				 }
}, img);
}
}
});
});


#33 Ribka

Ribka

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

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

Отправлено 27 Январь 2018 - 18:30

.

#34 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 30 Январь 2018 - 17:07

Просмотр сообщенияRibka (27 Январь 2018 - 18:30) писал:

.
Здравствуйте. Ваше сообщение пустое. Скажите, пожалуйста, все ли у Вас получилось?

#35 f1ame

f1ame

    Новичок

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

Отправлено 06 Июнь 2018 - 10:33

Добрый день!
z425444.storeland.ru
Помоги, пожалуйста, изменить карточки товаров (как показано на рисунке http://prntscr.com/jrh18v)
Чтобы в зависимости от производителя показывалась таблица размеров (полная таблица размеров указана на странице сайта "Таблица размеров")
Пытался сделать как в посте. Не получилось.

#36 f1ame

f1ame

    Новичок

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

Отправлено 08 Июнь 2018 - 17:42

Поможете?

#37 Vaccina

Vaccina

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

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

Отправлено 20 Июнь 2018 - 07:09

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

Простите за ожидание, уточните пожалуйста, ваш вопрос еще актуален?

#38 status321

status321

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

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

Отправлено 10 Апрель 2024 - 08:56

Просмотр сообщенияRibka (23 Сентябрь 2017 - 11:33) писал:

Мой самый любимый модератор - это вы :) все очень круто и так,как я хотела. Спасибо вам большое ))
Доброе утро. Получилось здорово, но при нажатии кнопки Узнать о поступлении выдает ошибку JS Нужна Ваша помощь. Шаблон Рассвет. Аккаунт SL-529065

Прикрепленные изображения

  • 6.png


#39 status321

status321

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

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

Отправлено 12 Апрель 2024 - 14:53

Добрый день. Выдает ошибку именно в одном подразделе BARBERINI'S Италия. И еще как удрать карту см. фото. Аккаунт SL-529065

Прикрепленные изображения

  • 8.png





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

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