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


Сделать Активной Ссылку На Бренд


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

#1 elenagriss

elenagriss

    Продвинутый пользователь

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

Отправлено 23 Апрель 2020 - 18:25

Добрый день.
На странице товара в характеристиках мы ставим бренд и страну.
1. Как сделать название бренда ссылкой для просмотра всех товаров этого бренда.
2. Можно ли перенести характеристики вверх как на скриншоте?

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

  • характеристики.jpg


#2 Кенгуру

Кенгуру

    Продвинутый пользователь

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

Отправлено 24 Апрель 2020 - 16:10

Просмотр сообщенияelenagriss (23 Апрель 2020 - 18:25) писал:

Добрый день.
На странице товара в характеристиках мы ставим бренд и страну.
1. Как сделать название бренда ссылкой для просмотра всех товаров этого бренда.
2. Можно ли перенести характеристики вверх как на скриншоте?
нам такое реализовали :)

#3 elenagriss

elenagriss

    Продвинутый пользователь

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

Отправлено 24 Апрель 2020 - 19:03

У меня это было в другом шаблоне, а на этом все слетело..

#4 Кенгуру

Кенгуру

    Продвинутый пользователь

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

Отправлено 25 Апрель 2020 - 03:48

Просмотр сообщенияelenagriss (24 Апрель 2020 - 19:03) писал:

У меня это было в другом шаблоне, а на этом все слетело..
главное, что это возможно :)

#5 elenagriss

elenagriss

    Продвинутый пользователь

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

Отправлено 24 Май 2020 - 13:23

А ответ будет???? Уже месяц прошел!

#6 Кенгуру

Кенгуру

    Продвинутый пользователь

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

Отправлено 27 Май 2020 - 14:32

Просмотр сообщенияelenagriss (24 Май 2020 - 13:23) писал:

А ответ будет???? Уже месяц прошел!
у нас шаблон Какаду. и ваша просьба у нас реализована. Посмотрите карточку товара, как у нас выглядят характеристики, мы в восторге ^_^

#7 Кенгуру

Кенгуру

    Продвинутый пользователь

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

Отправлено 27 Май 2020 - 15:28

Просмотр сообщенияelenagriss (24 Май 2020 - 13:23) писал:

А ответ будет???? Уже месяц прошел!
У нас шаблон Какаду. И ваша просьба у нас реализована. Посмотрите в карточке товара, как у нас выглядят характеристики и они кликабельны. мы в восторге ^_^

#8 metry

metry

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

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

Отправлено 29 Май 2020 - 14:48

Добрый день.

1. В редакторе шаблонов-->Товар после
		 <!-- Добавление товара в Корзину -->
		 <div class="add-to-box {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" >
		
		 <input type="hidden" name="hash" value="{HASH}" />
		 <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
		
		 <div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
			 <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
			
			 <div class="button-block">
			
			 <div class="wrap-qty" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
				 <div class="qty-set">
				 <span class="qty-minus unselectable" title="Уменьшить"></span>
				 <input class="quantity" type="text" name="form[goods_mod_quantity]" maxlength="4" value="1" min="1" >
				 <span class="qty-plus unselectable" title="Увеличить"></span>
				 </div>
			 </div>
			
			
			 <button type="submit" class="add-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину</button>
			 </div>
			 <div class="button-block">
			 <button type="submit" class="add-cart quick" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>
			 </div>
		 </div>
	 </div>
	 </form>
	 </div>
	

добавили Вам код:


<div id="brand" style="margin-top:10px">
	 {% IFNOT goods_features_empty %}{% FOR goods_features%}{% IF goods_features.NAME = Смотреть все товары бренда: %}
		 <span> Посмотреть все товары от: </span>
	 <span id="brand-name" style="display:none">{goods_features.VALUE}</span>
	 {% ENDIF %}{% ENDFOR %}{% ENDIF %}
	 <script>
		 $(function(){
		 var brandName = $('#brand-name').text();
		
		 if(brandName){
			 $.get('/catalog/Brends', function(d){
			 var $item = $(d).find('.categories .item').filter(function(){
				 var categoryName = $(this).find('.cat-name').text();
				 if(categoryName.includes(brandName)){
				 console.log(brandName, categoryName)
				 }
				 return categoryName.includes(brandName)
			 })
			
			 if($item.length){
				 var imgSrc = $item.find('.cat-image').find('img').attr('data-src') || $item.find('.cat-image').find('img').attr('src');
				 var categoryLink = $item.attr('href');
				
				 $('#brand').append('<a href="'+ categoryLink +'" target="_blank"><img src="'+ imgSrc +'"></a>')
			 }
			 })
		 }
		 })
	 </script>
	 </div>


2. Зайдите в Редактор шаблонов-->Товар  найдите и удалите код:

	 <!-- Характеристики -->
	 {% IFNOT goods_features_empty %}
	 <div class="product-block">
		 <h5 class="title">Характеристики</h5>
		 <div id="all_features">
		 {% FOR goods_features%}
			 <div class="one-feature">
			 <div class="feature-name">{goods_features.NAME}</div>
			 <div class="feature-value">{goods_features.VALUE}</div>
			 </div>
		 {% ENDFOR %}
		 <div class="clear"></div>
		 </div>
	 </div>
	 {% ENDIF %}

далее найдите:

<!-- Добавление товара в Корзину -->
<div class="add-to-box {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}add-to-form{% ENDIF %}" >

<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />

<div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />

<div class="button-block">

<div class="wrap-qty" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
<div class="qty-set">
<span class="qty-minus unselectable" title="Уменьшить"></span>
<input class="quantity" type="text" name="form[goods_mod_quantity]" maxlength="4" value="1" min="1" >
<span class="qty-plus unselectable" title="Увеличить"></span>
</div>
</div>


<button type="submit" class="add-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину</button>
</div>
<div class="button-block">
<button type="submit" class="add-cart quick" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Быстрый заказ</button>
</div>
</div>
</div>
</form>
</div>


после него добавьте:

			 <!-- Характеристики -->
	 {% IFNOT goods_features_empty %}
	 <div class="product-block">
		 <h5 class="title">Характеристики</h5>
		 <div id="all_features">
		 {% FOR goods_features%}
			 <div class="one-feature" {% IF goods_features.NAME = Смотреть все товары бренда: %} style="display:none" {% ENDIF %} >
			 <div class="feature-name">{goods_features.NAME}</div>
			 <div class="feature-value">{goods_features.VALUE}</div>
			 </div>
		 {% ENDFOR %}
		 <div class="clear"></div>
		 </div>
	 </div>
	 {% ENDIF %}
	


далее зайдите в Редактор шаблонов-->main.css и найдите:

.product-view .product-information #all_features{display:flex;flex-wrap:wrap;width:calc(100% + 30px); margin:0 -15px;}
.product-view .product-information #all_features .one-feature{padding:0 15px;display:flex;flex-wrap:wrap;width:50%;margin-bottom:15px;}
.product-view .product-information #all_features .one-feature .feature-name{color:#717678;width:60%;padding-right:15px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product-view .product-information #all_features .one-feature .feature-value{display:flex;padding-left:3px;color:#000000;width:40%;overflow:hidden;}
.feature-name:after {content: '';display: inline-block;width: 99%;margin: 0 -99% 0 3px;vertical-align: baseline;border-bottom: 1px dotted #000;}

замените на:

/* Характеристики товара */
.product-block #all_features{display:flex;flex-wrap:wrap;width:calc(100% + 30px); margin:0 -15px;}
.product-block #all_features .one-feature{padding:0 15px;display:flex;flex-wrap:wrap;width:100%;margin-bottom:15px;}
.product-block #all_features .one-feature .feature-name{color:#717678;width:60%;padding-right:15px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.product-block #all_features .one-feature .feature-value{display:flex;padding-left:3px;color:#000000;width:40%;overflow:hidden;}
.feature-name:after {content: '';display: inline-block;width: 99%;margin: 0 -99% 0 3px;vertical-align: baseline;border-bottom: 1px dotted #000;}
.product-block h5.title {font-size: 22px;line-height: 38px; text-align: left; margin: 0 0 0px 0;padding: 10px 0px 0px 0px; text-overflow: ellipsis; overflow: hidden; font-weight: normal; display:block; width:100%; position:relative; z-index:1;}



#9 elenagriss

elenagriss

    Продвинутый пользователь

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

Отправлено 29 Май 2020 - 20:01

Спасибо, все сделала.




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

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