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


Переместить Выбор Модификации

модификация переместить

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

#1 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 168 сообщений
  • ГородРостов-на-Дону

Отправлено 08 Февраль 2016 - 22:02

Давно нужно было это сделать, но обратился за советом только сейчас.
Дело вот в чём: выбор модификации товара находится слишком низко и многие просто не замечают, что цена пишется именно для определённой модификации (обычно самой дешёвой), следовательно, после оформления заказа некоторые офигевают: "У вас на сайте одна цена указана, а вы мне сейчас совсем про другую говорите".

Так вот, нужно переместить выбор модификации под строку с ценой как показано на рисунке:
(верхнее изображение - это как есть сейчас, нижнее - как нужно сделать)

vybor-modifikacii.jpg

Есть ли возможность осуществить данное изменение?
Спасибо.

#2 Vaccina

Vaccina

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

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

Отправлено 09 Февраль 2016 - 04:25

Для этого в шаблоне Товар найдите:
<!-- Модификации товара -->
			<div class="block1 padd51" {% FOR goods_modifications_properties %}{% FOR values %}{% IF goods_modifications_properties.values.length = 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}{% ENDFOR %}{% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
			  {% FOR goods_modifications_properties %}
				<div class="mod goodsDataMainModificationsBlockProperty">
				<div class="titlegood fnt19 i fntarl txtalgnlft clr">&nbsp;</div>
				  {% FOR values %}
					{% IF goods_modifications_properties.values.first %}
					  <div class="title fnt16 b">{goods_modifications_properties.NAME}:</div>
					  <div class="select">
						<select 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 %}
					</div>
				  {% ENDFOR %}
				</div>
			  {% ENDFOR %}
			  </br>
			  </br>
			  <div class="clear"></div>
			  <br/>
			</div>
			<!-- Модификации товара-Конец -->
		   
			<!-- Данные по модификациям для текущей товарной позиции -->
			<input type="hidden" id="settings_goods_available" value="{SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE}" />
			{% FOR goods_modifications %}
			  <div class="ModificationsList" 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="block1 description" style="display:none;">
				  <div class="delivery fnt12 txtalgnlft">
					<div class="variant">
					  <div class="info">{goods_modifications.DESCRIPTION}</div>
					</div>
				  </div>
				</div>
			  </div>
			{% ENDFOR %}

переместите его выше, поставив после:
<!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. -->
				  {% IF GOODS_MOD_REST_VALUE>0 %}
					<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span>
				  {% ENDIF %}
				</li>
				<!-- Старая цена -->
				<!-- Если на товар действует скидка -->
				 {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
				<li class="old goodsDataMainModificationPriceOld">Без скидки: {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</li>
				<!-- Если старая цена была больше новой -->
				 {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
				<li class="old goodsDataMainModificationPriceOld">Старая цена: {GOODS_MOD_PRICE_OLD | money_format}</li>
				 {% ENDIF %}

следующим образом:
<li>
переносимый код
</li>


#3 like.hornet.6

like.hornet.6

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

  • Пользователи
  • PipPipPip
  • 168 сообщений
  • ГородРостов-на-Дону

Отправлено 11 Февраль 2016 - 07:55

Просмотр сообщенияVaccina (09 Февраль 2016 - 04:25) писал:

Для этого в шаблоне Товар найдите:
<!-- Модификации товара -->
		 <div class="block1 padd51" {% FOR goods_modifications_properties %}{% FOR values %}{% IF goods_modifications_properties.values.length = 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}{% ENDFOR %}{% IF GOODS_NO_CHOISE_IN_PROPERTIES_FOR_MODIFICATIONS %}style="display:none;"{% ENDIF %}>
........................

Спасибо, выглядит как нужно.

#4 Яндекс

Яндекс

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

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

Отправлено 06 Октябрь 2016 - 09:33

Здравствуйте.
Подскажите пожалуйста как сделать чтобы картинка "заказать сейчас" в товаре выполняла такую же функцию как у кнопки "в корзину" то есть при нажатии на нее товар добавлялся в корзину.
Далее убрать кнопку "в корзину" потом выровнять по правому краю блока "количество" и картину "заказать сейчас" также выровнять по центру блока.
Спасибо!

#5 Razon

Razon

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

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

Отправлено 06 Октябрь 2016 - 10:27

Просмотр сообщенияЯндекс (06 Октябрь 2016 - 09:33) писал:

Здравствуйте.
Подскажите пожалуйста как сделать чтобы картинка "заказать сейчас" в товаре выполняла такую же функцию как у кнопки "в корзину" то есть при нажатии на нее товар добавлялся в корзину.
Спасибо!

Здравствуйте,  в файле Товар найдите строку:
			<a href="http://*"><img src="{ASSETS_IMAGES_PATH}zakaz.jpg" alt="" /></a>

Замените ее на:
			<a onclick="$('.goodsDataForm').submit(); return false;" title="Положить в корзину и оформить заказ товара &laquo;{GOODS_NAME}&raquo; "#" style="cursor:pointer;"><img src="{ASSETS_IMAGES_PATH}zakaz.jpg" alt=""  /></a>


#6 Яндекс

Яндекс

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

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

Отправлено 06 Октябрь 2016 - 10:56

Спасибо!
А как теперь количество выровнять по правому краю ?

#7 Razon

Razon

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

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

Отправлено 06 Октябрь 2016 - 11:10

Просмотр сообщенияЯндекс (06 Октябрь 2016 - 10:56) писал:

Спасибо!
А как теперь количество выровнять по правому краю ?

Вы хотите разместить поле выбора количества справа от слова *Количество* или сдвинуть данный блок к правому краю? Уточните, что вы хотели бы сделать и по возможности приложите скриншот  с пометками,  что и где должно располагаться.

#8 Яндекс

Яндекс

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

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

Отправлено 06 Октябрь 2016 - 11:17

Полностью блок "количество" выровнять по правому краю.
Скрин прилагаю

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

  • 2016-10-06_11-13-40.png


#9 Razon

Razon

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

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

Отправлено 06 Октябрь 2016 - 11:21

Просмотр сообщенияЯндекс (06 Октябрь 2016 - 11:17) писал:

Полностью блок "количество" выровнять по правому краю.
Скрин прилагаю

В конец файла main.css вставьте строку:
#tovarCountToCart {margin-left: 310px;}


#10 Яндекс

Яндекс

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

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

Отправлено 06 Октябрь 2016 - 11:27

Благодарю.
Всё как хотел.





Темы с аналогичным тегами модификация, переместить

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

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