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


Изменения В Карточке Товара


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

#1 НатальяC

НатальяC

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

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

Отправлено 12 Июнь 2017 - 00:50

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

1. В карточке товара краткое описание начинается с отступом. Можно ли как-то выровнять, чтоб отступ убрать и выровнять все строки текста по краю. (см. фото 1)

2. Выбор модификации сделан как-то неудобно (внизу и сильно уж крупно). Можно сделать его как я показала на фото? (см. фото 2)  вот как на этих сайтах http://sourcecompany...-BAG#show_tab_2
http://beautyishop.r...k-LAMZAC-Lamzak

ориентируясь по этим сайтам форму выбора модификации нужно сделать под ценой, а ниже ее кнопка заказа.

3. Как можно добавить кнопку "быстрый заказ" и соответственно, где настроить страницу к ней (т. е. то, что будет содержаться на странице после нажатия на эту кнопку)

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

  • 1.jpg
  • 2.jpg


#2 Ирина345

Ирина345

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

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

Отправлено 15 Июнь 2017 - 14:17

Просмотр сообщенияНатальяC (12 Июнь 2017 - 00:50) писал:

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

1. В карточке товара краткое описание начинается с отступом. Можно ли как-то выровнять, чтоб отступ убрать и выровнять все строки текста по краю. (см. фото 1)

2. Выбор модификации сделан как-то неудобно (внизу и сильно уж крупно). Можно сделать его как я показала на фото? (см. фото 2)  вот как на этих сайтах http://sourcecompany...-BAG#show_tab_2
http://beautyishop.r...k-LAMZAC-Lamzak

ориентируясь по этим сайтам форму выбора модификации нужно сделать под ценой, а ниже ее кнопка заказа.

3. Как можно добавить кнопку "быстрый заказ" и соответственно, где настроить страницу к ней (т. е. то, что будет содержаться на странице после нажатия на эту кнопку)
Здравствуйте,
1. Найдите в файле main.css
.shortD {
font-size: 18px;
text-align: justify;
margin: 2px 0 0 0;
color: #000;
text-indent: 5px;
}

замените на
.shortD {
font-size: 18px;
text-align: justify;
margin: 2px 0 0 0;
color: #000;
}

2. При перемещение блока модификации карточка товара будет сильно вытянута, но можно визуально изменить вид модификации.
3. Сам функционал быстрого заказа на сайте присутствует и срабатывает после нажатия на кнопку "Оформить заказ" из карточки товара.

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

  • QIP Shot - Screen 1400.png
  • QIP Shot - Screen 1401.png


#3 НатальяC

НатальяC

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

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

Отправлено 15 Июнь 2017 - 16:06

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

Здравствуйте,
1. Найдите в файле main.css
.shortD {
font-size: 18px;
text-align: justify;
margin: 2px 0 0 0;
color: #000;
text-indent: 5px;
}

замените на
.shortD {
font-size: 18px;
text-align: justify;
margin: 2px 0 0 0;
color: #000;
}

2. При перемещение блока модификации карточка товара будет сильно вытянута, но можно визуально изменить вид модификации.
3. Сам функционал быстрого заказа на сайте присутствует и срабатывает после нажатия на кнопку "Оформить заказ" из карточки товара.

С пунктом 1 все понятно, поменяла.

Что касается блока модификации, то второй вариант ваших картинок, наверное, более подходит, но убрать бы верхнюю часть, а сам блок вставить после цены (перед кратким описанием). На картинке все показала.

Но вообще я хотела это реализовать как показано на второй картинке

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

  • 10.jpg
  • 11.jpg


#4 Vaccina

Vaccina

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

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

Отправлено 16 Июнь 2017 - 06:42

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

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите и удалите:
{% IFNOT GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}
	  <div class="row">
		<div class="cols col-12">
		<form action="{CART_ADD_GOODS_MODIFICATION_URL}" method="post" class="goodsDataForm cont700 hiden" >
		<input type="hidden" name="hash" value="{HASH}" />
		  <input type="hidden" name="form[goods_from]" value="{GOODS_FROM}" />
					<!-- По этому значению производится заказ товара -->
			  <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
		  <div class="modBlock">
		  
		  <h3 class="modH">Выберите пожалуйста подходящие для вас параметры:</h3>
		  
		  <div class="warn">
			* - Обязательные поля
		</div>
			 <!-- Блок выбора модификаций для текущей товарной позиции -->
		<div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
		  {% FOR goods_modifications_properties %}
					  <div class="goodsDataMainModificationsBlockProperty">
							<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
							{% FOR values %}
								<!-- Если это первый элемент в списке -->
								{% IF goods_modifications_properties.values.first %}
								  {goods_modifications_properties.NAME} <span class="reqField">*</span><br />
								  <select class="modSelect" name="form[properties][]">
								{% ENDIF %}
							   	 <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
								<!-- Если это последний элемент в списке -->
								{% IF goods_modifications_properties.values.last %}
								  </select>
								{% ENDIF %}
						  {% ENDFOR %}
			   	 </div>				  
						{goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}  
		  <!-- Данные по модификациям для текущей товарной позиции -->
		  {% FOR goods_modifications %}
			<div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
							<input type="hidden" name="id" value="{goods_modifications.ID}" />
							<input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
							<input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
							<div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
							<input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
							<div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
							<input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
							<input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
							<input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
							<input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
							<input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
							<input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
							<div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>			 
			</div>
		  {% ENDFOR %}			
					<!-- Блок описания модификации -->
			   	 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
					  {GOODS_MOD_DESCRIPTION}
					  </div>
				</div>
	  
	   <!-- Добавление в корзину -->
		<div class="cartAdd">		
			<div class="plus_minus_quantity">
			  <span class="qty-minus theme-color">-</span>
				  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
					  <span class="qty-plus theme-color">+</span>
					</div>
			<div class="addWithMod"><input type="button" value=" Купить" id="button-cart" class="button button_cart_product addToCartWithMod" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/></div>
			<!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
				{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
		  <div class="description">
			{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
			  <a class="add_to_compare_small added inProd"
				data-action-is-add="0"
				data-action-add-url="{COMPARE_ADD_URL}"
				data-action-delete-url="{COMPARE_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				data-msgtype="1"
				data-gname="{GOODS_NAME}"
				title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			  > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
			  <a class="add_to_compare_small_text"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
			{% ELSE %}
			  <a class="add_to_compare_small inProd"
				data-action-is-add="1"
				data-action-add-url="{COMPARE_ADD_URL}"
				data-action-delete-url="{COMPARE_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				data-msgtype="1"
				data-gname="{GOODS_NAME}"
				title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			  > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
			  <a class="add_to_compare_small_text"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
			{% ENDIF %}
		  </div>
		  {% ENDIF %}
		<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->
			  
		<!-- Если есть возможность добавить товар в избранное -->
		{%IF CLIENT_IS_LOGIN %}
		<div class="description">
		  {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			<a class="add_to_wishlist_small inProd added"
			  data-action-is-add="0"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  data-msgtype="2"
			  data-gname="{GOODS_NAME}"
			  href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a>
			<a class="add_to_wishlist_small_text"
			  data-action-text-add="Добавить в избранное"
				data-gname="{GOODS_NAME}"
			  data-action-text-delete="Удалить из избранного"
			  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
			  href="#"
			>Удалить из избранного</a>
		  {% ELSE %}
			<a class="add_to_wishlist_small inProd"
			  data-action-is-add="1"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  data-msgtype="2"
			  data-gname="{GOODS_NAME}"
			  title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a>
			<a class="add_to_wishlist_small_text"
			  data-gname="{GOODS_NAME}"
			  data-action-text-add="Добавить в избранное"
			  data-action-text-delete="Удалить из избранного"
			  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
			  href="#"
			>Добавить в избранное</a>
		  {% ENDIF %}
		</div>
		{%ELSE%}
		<div class="description {% IF GOODS_MOD_REST_VALUE = 0 %}nobuy{%ENDIF%}">
		  <a class="add_to_wishlist_small mustLogin" data-msgtype="3" title="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a>
		</div>
		{%ENDIF%}
		 </div>		
		<!-- END Если есть возможность добавить товар в избранное -->
		</div>
		<!-- /Добавление в корзину -->			
		</form>
		</div>
	  </div>
   {%ENDIF%}
  
  
далее найдите:
{%IF GOODS_DESCRIPTION_SHORT%}
		<p class="shortP">Краткое описание:</p>
		<div class="shortD" itemprop="description">
		  {GOODS_DESCRIPTION_SHORT}
		</div>
		{%ENDIF%}
        
        
перед ним вставьте:
{% IFNOT GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}
	  <div class="row">
		<div class="cols col-12">
		  <div class="modBlock">
			 <!-- Блок выбора модификаций для текущей товарной позиции -->
		<div class="goodsDataMainModificationsBlock description" {% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
		  {% FOR goods_modifications_properties %}
					  <div class="goodsDataMainModificationsBlockProperty">
							<!-- Выдаем списки со свойствами для модификаций, чтобы определить какую модификацию товара хочет пользователь -->
							{% FOR values %}
								<!-- Если это первый элемент в списке -->
								{% IF goods_modifications_properties.values.first %}
								  {goods_modifications_properties.NAME} <span class="reqField">*</span><br />
								  <select class="modSelect" name="form[properties][]">
								{% ENDIF %}
							   	 <option value="{goods_modifications_properties.values.ID}" {% IF goods_modifications_properties.values.SELECTED %}selected="selected"{% ENDIF %}>{goods_modifications_properties.values.NAME}</option>
								<!-- Если это последний элемент в списке -->
								{% IF goods_modifications_properties.values.last %}
								  </select>
								{% ENDIF %}
						  {% ENDFOR %}
			   	 </div>				  
						{goods_modifications_properties.index | is_divided("2","","")}
		  {% ENDFOR %}  
		  <!-- Данные по модификациям для текущей товарной позиции -->
		  {% FOR goods_modifications %}
			<div class="goodsDataMainModificationsList" rel="{goods_modifications.PROPERTIES_SLUG}">
							<input type="hidden" name="id" value="{goods_modifications.ID}" />
							<input type="hidden" name="art_number" value="{goods_modifications.ART_NUMBER}" />
							<input type="hidden" name="price_now" value="{goods_modifications.PRICE_NOW}" />
							<div class="price_now_formated" style="display:none">{goods_modifications.PRICE_NOW | money_format}</div>
							<input type="hidden" name="price_old" value="{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT}{% ELSE %}{goods_modifications.PRICE_OLD}{% ENDIF %}" />
							<div class="price_old_formated" style="display:none">{% IF goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT>goods_modifications.PRICE_NOW %}{goods_modifications.PRICE_NOW_WITHOUT_DISCOUNT | money_format}{% ELSE %}{goods_modifications.PRICE_OLD | money_format}{% ENDIF %}</div>
							<input type="hidden" name="rest_value" value="{goods_modifications.REST_VALUE}" />
							<input type="hidden" name="measure_id" value="{goods_modifications.MEASURE_ID}" />
							<input type="hidden" name="measure_name" value="{goods_modifications.MEASURE_NAME}" />
							<input type="hidden" name="measure_desc" value="{goods_modifications.MEASURE_DESC}" />
							<input type="hidden" name="measure_precision" value="{goods_modifications.MEASURE_PRECISION}" />
							<input type="hidden" name="is_has_in_compare_list" value="{goods_modifications.IS_HAS_IN_COMPARE_LIST}" />
							<div class="description" style="display:none">{goods_modifications.DESCRIPTION}</div>			 
			</div>
		  {% ENDFOR %}			
					<!-- Блок описания модификации -->
			   	 <div class="goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
					  {GOODS_MOD_DESCRIPTION}
					  </div>
				</div>
	  
	   <!-- Добавление в корзину -->
		<div class="cartAdd">		
			<div class="plus_minus_quantity">
			  <span class="qty-minus theme-color">-</span>
				  <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
					  <span class="qty-plus theme-color">+</span>
					</div>
			<div class="addWithMod"><input type="button" value=" Купить" id="button-cart" class="button button_cart_product addToCartWithMod" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/></div>
			<!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
				{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
		  <div class="description">
			{% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}
			  <a class="add_to_compare_small added inProd"
				data-action-is-add="0"
				data-action-add-url="{COMPARE_ADD_URL}"
				data-action-delete-url="{COMPARE_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				data-msgtype="1"
				data-gname="{GOODS_NAME}"
				title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				href="{COMPARE_DELETE_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			  > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
			  <a class="add_to_compare_small_text"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
			{% ELSE %}
			  <a class="add_to_compare_small inProd"
				data-action-is-add="1"
				data-action-add-url="{COMPARE_ADD_URL}"
				data-action-delete-url="{COMPARE_DELETE_URL}"
				data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из списка сравнения с другими товарами"
				data-msgtype="1"
				data-gname="{GOODS_NAME}"
				title="Добавить &laquo;{GOODS_NAME}&raquo; в список сравнения с другими товарами"
				href="{COMPARE_ADD_URL}?id=GET_GOODS_MOD_ID_FROM_PAGE&amp;from={GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
			  > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
			  <a class="add_to_compare_small_text"
				data-gname="{GOODS_NAME}"
				data-action-text-add="Добавить к сравнению"
				data-action-text-delete="Удалить из сравнения"
				onclick="$(this).parent().find('.add_to_compare_small').click();return false;"
				href="#"
			  > {%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}compare.jpg?design=chameleon"/>{%ELSE%}<div class="icon-resize-shrink"></div>{%ENDIF%}</a>
			{% ENDIF %}
		  </div>
		  {% ENDIF %}
		<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках, то покажем кнопку сравнения товаров -->
			  
		<!-- Если есть возможность добавить товар в избранное -->
		{%IF CLIENT_IS_LOGIN %}
		<div class="description">
		  {% IF GOODS_MOD_IS_HAS_IN_FAVORITES_LIST %}
			<a class="add_to_wishlist_small inProd added"
			  data-action-is-add="0"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  data-msgtype="2"
			  data-gname="{GOODS_NAME}"
			  href="{FAVORITES_DELETE_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a>
			<a class="add_to_wishlist_small_text"
			  data-action-text-add="Добавить в избранное"
				data-gname="{GOODS_NAME}"
			  data-action-text-delete="Удалить из избранного"
			  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
			  href="#"
			>Удалить из избранного</a>
		  {% ELSE %}
			<a class="add_to_wishlist_small inProd"
			  data-action-is-add="1"
			  data-action-add-url="{FAVORITES_ADD_URL}"
			  data-action-delete-url="{FAVORITES_DELETE_URL}"
			  data-action-add-title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное"
			  data-action-delete-title="Убрать &laquo;{GOODS_NAME}&raquo; из избранного"
			  data-msgtype="2"
			  data-gname="{GOODS_NAME}"
			  title="Добавить &laquo;{GOODS_NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={GOODS_MOD_ID}&amp;return_to={CURRENT_URL | urlencode}"
			>{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a>
			<a class="add_to_wishlist_small_text"
			  data-gname="{GOODS_NAME}"
			  data-action-text-add="Добавить в избранное"
			  data-action-text-delete="Удалить из избранного"
			  onclick="$(this).parent().find('.add_to_wishlist_small').click();return false;"
			  href="#"
			>Добавить в избранное</a>
		  {% ENDIF %}
		</div>
		{%ELSE%}
		<div class="description {% IF GOODS_MOD_REST_VALUE = 0 %}nobuy{%ENDIF%}">
		  <a class="add_to_wishlist_small mustLogin" data-msgtype="3" title="Добавить в избранное">{%IF user_agent_opera%}<img src="{ASSETS_IMAGES_PATH}heart.jpg?design=chameleon"/>{%ELSE%}<div class="icon-heart"></div>{%ENDIF%}</a>
		</div>
		{%ENDIF%}
		 </div>		
		<!-- END Если есть возможность добавить товар в избранное -->
		</div>
		<!-- /Добавление в корзину -->	
		</div>
	  </div>
   {%ENDIF%}
  
  
Далее зайдите в main.css - найдите:
.addWithMod{text-align:right;margin:10px 30px 10px 10px;}

замените на:
.addWithMod{text-align:right;margin:10px 30px 10px 10px; display: inline-block;}
.addWithMod + .description {display: inline-block;}
.addWithMod + .description a{position: relative;left: initial !important;top: initial !important;}

далее найдите:
.modBlock{margin:10px 0 0 0;border:1px solid #e4bb3f;background:#fff6d9;text-align:left;position:relative;}

замените на:
.modBlock{margin:10px 0 0 0;text-align:left;position:relative;}

Органайзер для хранения нижнего белья и носков на 16 кармашков.png

#5 НатальяC

НатальяC

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

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

Отправлено 16 Июнь 2017 - 11:22

Спасибо, изменения сделала. Получилось как надо. :)  

Теперь нужно мелкие недостатки изменить:

1. На мобильной версии сайта "съехало" сердечко. Нужно его подвинуть правее.

2. На кнопке "Купить", при наведении на неё курсора текст видимо того же цвета, как и фон кнопки, поэтому нужно поменять цвет текста на кнопке (так на кнопках, где модификация, на товарах без выбора модификации все нормально).

3. Изменить цвет и размер в цене. Не само слово "Цена", а то, что следует далее "150 рублей" например.

На картинке все показала.

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

  • 18.jpg


#6 Mr.Nito

Mr.Nito

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

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

Отправлено 17 Июнь 2017 - 10:52

Просмотр сообщенияНатальяC (16 Июнь 2017 - 11:22) писал:

Спасибо, изменения сделала. Получилось как надо. :)  

Теперь нужно мелкие недостатки изменить:

1. На мобильной версии сайта "съехало" сердечко. Нужно его подвинуть правее.

2. На кнопке "Купить", при наведении на неё курсора текст видимо того же цвета, как и фон кнопки, поэтому нужно поменять цвет текста на кнопке (так на кнопках, где модификация, на товарах без выбора модификации все нормально).

3. Изменить цвет и размер в цене. Не само слово "Цена", а то, что следует далее "150 рублей" например.

На картинке все показала.
Здравствуйте.
1.В файле main.css после
@media only screen and (max-width:480px){
добавьте:
.addWithMod + .description a {position:static;} 

2.В main.css
.addToCartWithMod:hover{border-radius:0;}
/*END Товары таблицей*/
замените на
.addToCartWithMod:hover{border-radius:0;color:#000!important}
/*END Товары таблицей*/
3.В блоке
/*Новинки на главной*/
замените
.price-new{color:#000;}
где #000 - код для чёрного цвета

#7 НатальяC

НатальяC

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

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

Отправлено 17 Июнь 2017 - 13:14

Спасибо, все получилось.

Теперь нужно сделать следующее:

1. В разделе "С этим товаром смотрят" сделать размер блоков с товаром как в "Сопутствующие товары", чтобы по 3 блока в ширину вставало.

2. В "сопутствующих товарах" картинки нужно увеличить по ширине блока, соответственно так же должно быть в "С этим товаром покупают".

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

  • 21.jpg


#8 Mr.Nito

Mr.Nito

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

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

Отправлено 17 Июнь 2017 - 14:21

Просмотр сообщенияНатальяC (17 Июнь 2017 - 13:14) писал:

Спасибо, все получилось.

Теперь нужно сделать следующее:

1. В разделе "С этим товаром смотрят" сделать размер блоков с товаром как в "Сопутствующие товары", чтобы по 3 блока в ширину вставало.

2. В "сопутствующих товарах" картинки нужно увеличить по ширине блока, соответственно так же должно быть в "С этим товаром покупают".
1.Если товаров в списке 3 шт то они умещаются в одну строку, чтобы два товара прижать к левому краю в main.css добавьте после
/* END размер значки сопутствующих товаров в карточке товара */
строку
#content_5 .tab-content .box-product {	text-align: left;}
2.Приведите, пожалуйста, пример товара с 2мя доступными вкладками.

#9 НатальяC

НатальяC

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

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

Отправлено 17 Июнь 2017 - 14:29

Просмотр сообщенияMr.Nito (17 Июнь 2017 - 14:21) писал:

1.Если товаров в списке 3 шт то они умещаются в одну строку, чтобы два товара прижать к левому краю в main.css добавьте после
/* END размер значки сопутствующих товаров в карточке товара */
строку
#content_5 .tab-content .box-product { text-align: left;}
2.Приведите, пожалуйста, пример товара с 2мя доступными вкладками.

Вы наверное не так поняли. Вот посмотрите на примере товара http://mylendshop.ru...od_id=126342316

#10 Mr.Nito

Mr.Nito

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

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

Отправлено 17 Июнь 2017 - 14:47

Просмотр сообщенияНатальяC (17 Июнь 2017 - 14:29) писал:

Вы наверное не так поняли. Вот посмотрите на примере товара http://mylendshop.ru...od_id=126342316
Насколько я вижу для вкладки Сопутствующие товары установлены отдельные правила для отображения, если их удалить карточки отображаются стандартно
в main.css в самом конце удалите код:
/* размер значки сопутствующих товаров в карточке товара */
#content_6 .prod_hold {width: 200px!important;}
#content_6 .prod_hold .goods-cat-image-medium {max-width: 150px;}
#content_6 .prod_hold .image.goods-cat-image-medium-square.textc {width: 150px;}
/* END размер значки сопутствующих товаров в карточке товара */


#11 НатальяC

НатальяC

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

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

Отправлено 17 Июнь 2017 - 15:24

Просмотр сообщенияMr.Nito (17 Июнь 2017 - 14:47) писал:

Насколько я вижу для вкладки Сопутствующие товары установлены отдельные правила для отображения, если их удалить карточки отображаются стандартно
в main.css в самом конце удалите код:
/* размер значки сопутствующих товаров в карточке товара */
#content_6 .prod_hold {width: 200px!important;}
#content_6 .prod_hold .goods-cat-image-medium {max-width: 150px;}
#content_6 .prod_hold .image.goods-cat-image-medium-square.textc {width: 150px;}
/* END размер значки сопутствующих товаров в карточке товара */

Это да, при удалении этого пункта все сравнялось. Но мне надо, чтоб и там и там сделать, чтоб вставало по три блока. То есть их размеры уменьшить. Вы мне скажите в каком месте находится код этих двух разделов, чтоб я могла отрегулировать размеры. Мне не нравится как отображается сейчас.

#12 Mr.Nito

Mr.Nito

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

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

Отправлено 17 Июнь 2017 - 17:11

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

Это да, при удалении этого пункта все сравнялось. Но мне надо, чтоб и там и там сделать, чтоб вставало по три блока. То есть их размеры уменьшить. Вы мне скажите в каком месте находится код этих двух разделов, чтоб я могла отрегулировать размеры. Мне не нравится как отображается сейчас.
попробуйте очистить кэш браузера через Ctrl + F5 , сейчас карточки отображаются по 3 в ряд каждой вкладке.(на разрешении экрана 1920х1080)
Отдельно для каждой вкладки можно задать только через стили.
В main.css
для "Сопутствующие товары"
/* размер значки сопутствующих товаров в карточке товара */
#content_6 .prod_hold {width: 200px!important;}
#content_6 .prod_hold .goods-cat-image-medium {max-width: 150px;}
#content_6 .prod_hold .image.goods-cat-image-medium-square.textc {width: 150px;}
/* END размер значки сопутствующих товаров в карточке товара */

ниже добавить
для вкладки "С этим товаром смотрят"
/* размер значки сопутствующих товаров в карточке товара */
#content_5 .prod_hold {width: 200px!important;}
#content_5 .prod_hold .goods-cat-image-medium {max-width: 150px;}
#content_5 .prod_hold .image.goods-cat-image-medium-square.textc {width: 150px;}
/* END размер значки сопутствующих товаров в карточке товара */

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

  • 17-06-2017 17-11-44.jpg
  • 17-06-2017 17-11-27.jpg


#13 НатальяC

НатальяC

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

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

Отправлено 18 Июнь 2017 - 00:33

Спасибо! Сделала как хотела. У меня разрешение экрана 1366х768

Единственно отображение значков "Новинка" и "хит" одного цвета, а я хотела бы изменить на свои как на картинке. Я уже задавала вопрос на подобные изменения вот здесь http://forum.storela...ь-слайдер-выше/

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

  • 22.jpg


#14 Mr.Nito

Mr.Nito

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

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

Отправлено 18 Июнь 2017 - 10:59

Просмотр сообщенияНатальяC (18 Июнь 2017 - 00:33) писал:

Спасибо! Сделала как хотела. У меня разрешение экрана 1366х768

Единственно отображение значков "Новинка" и "хит" одного цвета, а я хотела бы изменить на свои как на картинке. Я уже задавала вопрос на подобные изменения вот здесь http://forum.storela...ь-слайдер-выше/
Ответил в ветке по ссылке




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

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