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


Изменения На Странице Товара


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

#1 alpha-me

alpha-me

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

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

Отправлено 18 Апрель 2017 - 00:13

Доброго времени суток!
Подскажите пожалуйста:
1) как переместить выпадающее меню модификации товара как показано на картинке?
2) как переместить раздел сопутствующих товаров как показано на картинке?
Аккаунт SL-103567

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

  • Поменять расположение на странице товара.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 18 Апрель 2017 - 04:20

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

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.contentText, .contentText table {
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
	vertical-align: top;
}

замените на:
.contentText, .contentText table {
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
	vertical-align: top;
	position: relative;
}

Далее нацдите:
.goodsDataMainModificationsBlockProperty {
	padding-bottom: 5px;
}

перед ним вставьте:
.goodsDataMainModificationsBlock.description {
	right: 0;
	top: 45px;
	position: absolute;
}


Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Вывод сопутствующих товаров -->
	{% IFNOT related_goods_empty %}
	  <div class="carousel_also_purchased jcarousel-wrapper">
		<div class="header_also_purchased">
		  <h2>Сопутствующие товары</h2>
		</div>
		<div id="also_purchased">
		  <ul>
			{% FOR related_goods %}<li class="main_general">
				<div class="product">
				  <div class="product-image-wrapper goods-cat-image-medium-square onhover">
					<a title="{related_goods.NAME}" href="{related_goods.URL_MIN_PRICE_NOW | url_amp}">
					  <img class="goods-cat-image-medium" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="" />
					</a>
				  </div>
				  <div class="wrapper-hover">
					<div class="product-name"><p title="{related_goods.NAME}" onclick="javascript:document.location.href='{related_goods.URL_MIN_PRICE_NOW | url_amp}'">{related_goods.NAME}</p></div>
					<div class="product-price">
					  <span class="new_price">{related_goods.MIN_PRICE_NOW | money_format}</span>
					  {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
					  <span class="old_price">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					  {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
					  <span class="old_price">{related_goods.MIN_PRICE_OLD | money_format}</span>
					  {% ENDIF %}
					</div>
					<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}">
					  <input type="hidden" name="hash" value="{HASH}" />
					  <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
					  <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
					  <a class="buy_button" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
					  <!--a class="buy_button" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					</form>
					<!-- Если есть возможность добавить товар в избранное -->
					{% IF related_goods.IS_HAS_IN_FAVORITES_LIST %}
					  <a class="wishlist add_to_wishlist_small_text added"
							data-action-is-add="0"
							data-action-add-url="{FAVORITES_ADD_URL}"
							data-action-delete-url="{FAVORITES_DELETE_URL}"
							data-action-add-title="Добавить «{related_goods.NAME}» в избранное"
							data-action-delete-title="Убрать «{related_goods.NAME}» из избранного"
							data-action-text-add="Добавить в избранное"
							data-action-text-delete="Удалить из избранного"
							title="Убрать «{related_goods.NAME}» из избранного"
							href="{FAVORITES_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					  >Удалить из избранного</a>
					{% ELSE %}
					  <a class="wishlist add_to_wishlist_small_text"
							data-action-is-add="1"
							data-action-add-url="{FAVORITES_ADD_URL}"
							data-action-delete-url="{FAVORITES_DELETE_URL}"
							data-action-add-title="Добавить «{related_goods.NAME}» в избранное"
							data-action-delete-title="Убрать «{related_goods.NAME}» из избранного"
							data-action-text-add="Добавить в избранное"
							data-action-text-delete="Удалить из избранного"
							title="Добавить «{related_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					  >Добавить в избранное</a>
					{% ENDIF %}
					<!-- END Если есть возможность добавить товар в избранное -->
				   
					<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					  {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
							<a class="compare add_to_compare_small_text added"
							  data-action-is-add="0"
							  data-action-add-url="{COMPARE_ADD_URL}"
							  data-action-delete-url="{COMPARE_DELETE_URL}"
							  data-action-add-title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами"
							  data-action-delete-title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами"
							  data-action-text-add="Добавить к сравнению"
							  data-action-text-delete="Убрать из сравнения"
							  title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами"
							  href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							>Убрать из сравнения</a>
					  {% ELSE %}
							<a class="compare add_to_compare_small_text"
							  data-action-is-add="1"
							  data-action-add-url="{COMPARE_ADD_URL}"
							  data-action-delete-url="{COMPARE_DELETE_URL}"
							  data-action-add-title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами"
							  data-action-delete-title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами"
							  data-action-text-add="Добавить к сравнению"
							  data-action-text-delete="Убрать из сравнения"
							  title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами"
							  href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							>Добавить к сравнению</a>
					  {% ENDIF %}
					{% ENDIF %}
					<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				  </div>
				</div>
			  </li>{% ENDFOR  %}
		  </ul>
		 
		</div>
		<a href="#" class="jcarousel-control-prev"></a>
		<a href="#" class="jcarousel-control-next"></a>
	  </div>
	{% ENDIF %}
	<!-- /Вывод сопутствующих товаров Конец -->


Перенесите его, поставив перед:
<div class="tabs_block">
	  <div id="tabs" class="htabs">	   
		<!-- Если есть какое-либо описание товара -->
		{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		  <a href="javascript:tabSwitch(1);" id="tab_1"  class="active">Описание</a>
		{%ENDIF%}
	   


#3 alpha-me

alpha-me

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

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

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

Просмотр сообщенияVaccina (18 Апрель 2017 - 04:20) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.contentText, .contentText table {
padding: 0;
font-size: 13px;
line-height: 1.5;
vertical-align: top;
}

замените на:
.contentText, .contentText table {
padding: 0;
font-size: 13px;
line-height: 1.5;
vertical-align: top;
position: relative;
}

Далее нацдите:
.goodsDataMainModificationsBlockProperty {
padding-bottom: 5px;
}

перед ним вставьте:
.goodsDataMainModificationsBlock.description {
right: 0;
top: 45px;
position: absolute;
}


Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Вывод сопутствующих товаров -->
{% IFNOT related_goods_empty %}
	 <div class="carousel_also_purchased jcarousel-wrapper">
	 <div class="header_also_purchased">
		 <h2>Сопутствующие товары</h2>
	 </div>
	 <div id="also_purchased">
		 <ul>
		 {% FOR related_goods %}<li class="main_general">
			 <div class="product">
				 <div class="product-image-wrapper goods-cat-image-medium-square onhover">
				 <a title="{related_goods.NAME}" href="{related_goods.URL_MIN_PRICE_NOW | url_amp}">
					 <img class="goods-cat-image-medium" src="{% IF related_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{related_goods.IMAGE_SMALL}{% ENDIF %}" alt="" />
				 </a>
				 </div>
				 <div class="wrapper-hover">
				 <div class="product-name"><p title="{related_goods.NAME}" onclick="javascript:document.location.href='{related_goods.URL_MIN_PRICE_NOW | url_amp}'">{related_goods.NAME}</p></div>
				 <div class="product-price">
					 <span class="new_price">{related_goods.MIN_PRICE_NOW | money_format}</span>
					 {% IF related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>related_goods.MIN_PRICE_NOW %}
					 <span class="old_price">{related_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					 {% ELSEIF related_goods.MIN_PRICE_OLD>related_goods.MIN_PRICE_NOW %}
					 <span class="old_price">{related_goods.MIN_PRICE_OLD | money_format}</span>
					 {% ENDIF %}
				 </div>
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{related_goods.MIN_PRICE_NOW_ID}">
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{related_goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{related_goods.MIN_PRICE_NOW_ID}" />
					 <a class="buy_button" onclick="quickorder('.product-form-{related_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
					 <!--a class="buy_button" onclick="$('.product-form-{related_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
				 </form>
				 <!-- Если есть возможность добавить товар в избранное -->
				 {% IF related_goods.IS_HAS_IN_FAVORITES_LIST %}
					 <a class="wishlist add_to_wishlist_small_text added"
						 data-action-is-add="0"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить «{related_goods.NAME}» в избранное"
						 data-action-delete-title="Убрать «{related_goods.NAME}» из избранного"
						 data-action-text-add="Добавить в избранное"
						 data-action-text-delete="Удалить из избранного"
						 title="Убрать «{related_goods.NAME}» из избранного"
						 href="{FAVORITES_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					 >Удалить из избранного</a>
				 {% ELSE %}
					 <a class="wishlist add_to_wishlist_small_text"
						 data-action-is-add="1"
						 data-action-add-url="{FAVORITES_ADD_URL}"
						 data-action-delete-url="{FAVORITES_DELETE_URL}"
						 data-action-add-title="Добавить «{related_goods.NAME}» в избранное"
						 data-action-delete-title="Убрать «{related_goods.NAME}» из избранного"
						 data-action-text-add="Добавить в избранное"
						 data-action-text-delete="Удалить из избранного"
						 title="Добавить «{related_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					 >Добавить в избранное</a>
				 {% ENDIF %}
				 <!-- END Если есть возможность добавить товар в избранное -->
				
				 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					 {% IF related_goods.IS_HAS_IN_COMPARE_LIST %}
						 <a class="compare add_to_compare_small_text added"
							 data-action-is-add="0"
							 data-action-add-url="{COMPARE_ADD_URL}"
							 data-action-delete-url="{COMPARE_DELETE_URL}"
							 data-action-add-title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами"
							 data-action-delete-title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами"
							 data-action-text-add="Добавить к сравнению"
							 data-action-text-delete="Убрать из сравнения"
							 title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами"
							 href="{COMPARE_DELETE_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 >Убрать из сравнения</a>
					 {% ELSE %}
						 <a class="compare add_to_compare_small_text"
							 data-action-is-add="1"
							 data-action-add-url="{COMPARE_ADD_URL}"
							 data-action-delete-url="{COMPARE_DELETE_URL}"
							 data-action-add-title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами"
							 data-action-delete-title="Убрать «{related_goods.NAME}» из списка сравнения с другими товарами"
							 data-action-text-add="Добавить к сравнению"
							 data-action-text-delete="Убрать из сравнения"
							 title="Добавить «{related_goods.NAME}» в список сравнения с другими товарами"
							 href="{COMPARE_ADD_URL}?id={related_goods.MIN_PRICE_NOW_ID}&amp;from={related_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						 >Добавить к сравнению</a>
					 {% ENDIF %}
				 {% ENDIF %}
				 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
				 </div>
			 </div>
			 </li>{% ENDFOR %}
		 </ul>
		
	 </div>
	 <a href="#" class="jcarousel-control-prev"></a>
	 <a href="#" class="jcarousel-control-next"></a>
	 </div>
{% ENDIF %}
<!-- /Вывод сопутствующих товаров Конец -->


Перенесите его, поставив перед:
<div class="tabs_block">
	 <div id="tabs" class="htabs">	
	 <!-- Если есть какое-либо описание товара -->
	 {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
		 <a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a>
	 {%ENDIF%}
	

Спасибо! Сделал, но не все получилось.
Сопутствующие товары переместились, а выпадающее меню модификации осталось на месте...

#4 Vaccina

Vaccina

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

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

Отправлено 19 Апрель 2017 - 06:33

Попробуйте почистить кэш браузера, у меня сейчас ваш сайт выглядит следующим образом:
123.jpg

#5 alpha-me

alpha-me

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

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

Отправлено 19 Апрель 2017 - 23:47

Доброго времени суток! Да, Работает. Спасибо!

Подскажите еще как меню модификации сдвинуть влево?
и как изменить цвет и размер названия меню?

#6 Vaccina

Vaccina

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

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

Отправлено 20 Апрель 2017 - 06:16

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

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.goodsDataMainModificationsBlock.description {
	right: 0;
	top: 45px;
	position: absolute;
}

замените на:
.goodsDataMainModificationsBlock.description {
	right: 15%;
	top: 45px;
	position: absolute;
}

На счет шрифта, как понимаю, речь идет о названии модификации, найдите:
.goodsDataMainModificationsBlockProperty {
	padding-bottom: 5px;
}

после него пропишите:
.goodsDataMainModificationsBlockProperty strong {
	color: #D11717;
	font-size: 16px;
}

измените значения размера и цвета на необходимые.

#7 alpha-me

alpha-me

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

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

Отправлено 21 Апрель 2017 - 18:53

Просмотр сообщенияVaccina (20 Апрель 2017 - 06:16) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.goodsDataMainModificationsBlock.description {
right: 0;
top: 45px;
position: absolute;
}

замените на:
.goodsDataMainModificationsBlock.description {
right: 15%;
top: 45px;
position: absolute;
}

На счет шрифта, как понимаю, речь идет о названии модификации, найдите:
.goodsDataMainModificationsBlockProperty {
padding-bottom: 5px;
}

после него пропишите:
.goodsDataMainModificationsBlockProperty strong {
color: #D11717;
font-size: 16px;
}

измените значения размера и цвета на необходимые.
Спасибо! Все работает




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

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