Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Отображение Товара Списком

Автор VID61, 22 дек. 2014 16:28

Вперед

Авторизуйтесь для ответа в теме

Сообщений в теме: 32

#1 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 22 Декабрь 2014 - 16:28

Добрый день.
Подскажите, как сделать следующее:
1. Убрать изображение при отображении товаров списком.
2. Сузить высоту карточки товара.
3. Вместо изображение - артикул товара.
4. Отображение колонки с остатком.
5. Колонка с установлением кол-ва
6 кнопка купить.

Пример прилагаю.

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

Наверх

#2 MikDark

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

Модераторы
6 468 сообщений

Отправлено 22 Декабрь 2014 - 17:32

VID61 (22 Декабрь 2014 - 16:28) писал:

Добрый день.
Подскажите, как сделать следующее:
1. Убрать изображение при отображении товаров списком.
2. Сузить высоту карточки товара.
3. Вместо изображение - артикул товара.
4. Отображение колонки с остатком.
5. Колонка с установлением кол-ва
6 кнопка купить.

Пример прилагаю.

Здравствуйте. Сделайте бэкап.

1) В шаблоне Товары удаляем код:

<div class="prod_image goods-cat-image-medium-square">
				 {% IF user_agent_ie7 %}
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					 <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					 </a>
				 {% ELSEIF user_agent_ie8 %}
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					 <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					 </a>
				 {% ELSE %}
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					 <img class="goods-cat-image-medium" alt="{goods.NAME} " src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					 </a>
				 {% ENDIF %}
				 </div>

2) После удаления изображения, высота должна автоматически уменьшиться.
3) Там же после кода:

		 {% ELSE %}
		 <!-- Проходим по массиву списка товаров -->
		 {% FOR goods %}
			 <div class="four columns product_wrapper">
			 <div>

Добавляем:

<div style="display: table-cell; vertical-align: top; text-align: center;">Артикул: {goods.ART_NUMBER}</div>

Произведите эти изменения и сделаем остальные.

Наверх

#3 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 22 Декабрь 2014 - 17:38

MikDark (22 Декабрь 2014 - 17:32) писал:

Здравствуйте. Сделайте бэкап.

1) В шаблоне Товары удаляем код:

<div class="prod_image goods-cat-image-medium-square">
				 {% IF user_agent_ie7 %}
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					 <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					 </a>
				 {% ELSEIF user_agent_ie8 %}
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					 <img class="goods-cat-image-medium" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					 </a>
				 {% ELSE %}
					 <a href="{goods.URL | url_amp}" title="{goods.NAME}">
					 <img class="goods-cat-image-medium" alt="{goods.NAME} " src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" />
					 </a>
				 {% ENDIF %}
				 </div>

2) После удаления изображения, высота должна автоматически уменьшиться.
3) Там же после кода:

		 {% ELSE %}
		 <!-- Проходим по массиву списка товаров -->
		 {% FOR goods %}
			 <div class="four columns product_wrapper">
			 <div>

Добавляем:

<div style="display: table-cell; vertical-align: top; text-align: center;">Артикул: {goods.ART_NUMBER}</div>

Произведите эти изменения и сделаем остальные.

Изменения произвел.

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

Наверх

#4 Vaccina

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

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

Отправлено 23 Декабрь 2014 - 00:54

на данный момент артикул выводится корректно, почистите пожалуйста кэш

Наверх

#5 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 23 Декабрь 2014 - 10:24

Vaccina (23 Декабрь 2014 - 00:54) писал:

на данный момент артикул выводится корректно, почистите пожалуйста кэш

Да, но остались не закрытые вопросы.

VID61 (22 Декабрь 2014 - 16:28) писал:

Добрый день.
Подскажите, как сделать следующее:

4. Отображение колонки с остатком.
5. Колонка с установлением кол-ва
6 кнопка купить.

Пример прилагаю.

Наверх

#6 Ирина345

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

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

Отправлено 23 Декабрь 2014 - 11:27

VID61 (23 Декабрь 2014 - 10:24) писал:

Да, но остались не закрытые вопросы.

Здравствуйте, найдите в шаблоне Товары код

{% FOR goods %}
			  <div class="four columns product_wrapper">
				<div>
				<div style="display: table-cell; vertical-align: top; text-align: center;">Артикул: {goods.ART_NUMBER}</div>
				  <div class="item-detail">
					<div class="product-tools">
					  <div class="product-price">
						<span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span>
						{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
						{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s>
						{% ENDIF %}
						<div class="clear"></div>
					  </div>			
					  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
											  <a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"  onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
						<!--a class="buy_button" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					  </form>

замените на

{% FOR goods %}
			  <div class="four columns product_wrapper">
				<div>
				<div style="display: table-cell; vertical-align: top; text-align: center;">Артикул: {goods.ART_NUMBER}</div>
				  <div class="item-detail">
					<div class="product-tools">
					  <div class="product-price" style="float: left;" >
						<span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span>
						{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
						{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s>
						{% ENDIF %}
						<div class="clear"></div>
					  </div>			
					  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}" style="float: left;">
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
					  <div class="qty-button-down">
			<a href="#" class="qty-down">-</a>
		  </div>
		  <input type="text" name="form[goods_mod_quantity]" size="1" value="1" title="Количество" class="qty" />
		  <div class="qty-button-up">
			<a href="#" class="qty-up">+</a>
		  </div>
						<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"  onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
						<!--a class="buy_button" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					  </form>

в style.css
найдите

.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {float: right;width: 200px;padding-left: 20px;border-left: solid 1px #ccc;}

замените на

.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {float: right;width: 289px;padding-left: 20px;border-left: solid 1px #ccc;}

Наверх

#7 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 23 Декабрь 2014 - 12:37

Ирина345 (23 Декабрь 2014 - 11:27) писал:

Здравствуйте, найдите в шаблоне Товары код

{% FOR goods %}
			 <div class="four columns product_wrapper">
				<div>
				<div style="display: table-cell; vertical-align: top; text-align: center;">Артикул: {goods.ART_NUMBER}</div>
				 <div class="item-detail">
					<div class="product-tools">
					 <div class="product-price">
						<span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span>
						{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
						{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s>
						{% ENDIF %}
						<div class="clear"></div>
					 </div>			
					 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
											 <a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
						<!--a class="buy_button" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					 </form>

замените на

{% FOR goods %}
			 <div class="four columns product_wrapper">
				<div>
				<div style="display: table-cell; vertical-align: top; text-align: center;">Артикул: {goods.ART_NUMBER}</div>
				 <div class="item-detail">
					<div class="product-tools">
					 <div class="product-price" style="float: left;" >
						<span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span>
						{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
						{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s>
						{% ENDIF %}
						<div class="clear"></div>
					 </div>			
					 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}" style="float: left;">
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
					 <div class="qty-button-down">
			<a href="#" class="qty-down">-</a>
		 </div>
		 <input type="text" name="form[goods_mod_quantity]" size="1" value="1" title="Количество" class="qty" />
		 <div class="qty-button-up">
			<a href="#" class="qty-up">+</a>
		 </div>
						<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
						<!--a class="buy_button" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					 </form>

в style.css
найдите

.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {float: right;width: 200px;padding-left: 20px;border-left: solid 1px #ccc;}

замените на

.product-list3 .four.columns .product-tools, .product-list4 .four.columns .product-tools {float: right;width: 289px;padding-left: 20px;border-left: solid 1px #ccc;}

Вот что получилось.
1. Можно убрать слово "артикул" и приблизить и выровнять их по краю.
2. Добавить колонку "остаток" выводится в количественном виде.
3. Убрать в сравнении и в избранное.

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

Наверх

#8 Ирина345

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

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

Отправлено 23 Декабрь 2014 - 13:35

VID61 (23 Декабрь 2014 - 12:37) писал:

Вот что получилось.
1. Можно убрать слово "артикул" и приблизить и выровнять их по краю.
2. Добавить колонку "остаток" выводится в количественном виде.
3. Убрать в сравнении и в избранное.

1. найдите в шаблоне Товары код

<div style="display: table-cell; vertical-align: top; text-align: center;">Артикул: {goods.ART_NUMBER}</div>

замените на

 <div style="display: table-cell; vertical-align: top; text-align: center;"> {goods.ART_NUMBER}</div>

3. найдите в шаблоне Товары код

<!-- Если есть возможность добавить товар в избранное -->
					  {% IF 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="Добавить «{goods.NAME}» в избранное"
							  data-action-delete-title="Убрать «{goods.NAME}» из избранного"
							  data-action-text-add="Добавить в избранное"
							  data-action-text-delete="Удалить из избранного"
							  title="Убрать «{goods.NAME}» из избранного"
							  href="{FAVORITES_DELETE_URL}?id={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="Добавить «{goods.NAME}» в избранное"
							  data-action-delete-title="Убрать «{goods.NAME}» из избранного"
							  data-action-text-add="Добавить в избранное"
							  data-action-text-delete="Удалить из избранного"
							  title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						>Добавить в избранное</a>
					  {% ENDIF %}
					  <!-- END Если есть возможность добавить товар в избранное -->
					  
					  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						{% IF 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="Добавить «{goods.NAME}» в список сравнения с другими товарами"
								data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
								data-action-text-add="Добавить к сравнению"
								data-action-text-delete="Убрать из сравнения"
								title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
								href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={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="Добавить «{goods.NAME}» в список сравнения с другими товарами" 
								data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" 
								data-action-text-add="Добавить к сравнению"
								data-action-text-delete="Убрать из сравнения"
								title="Добавить «{goods.NAME}» в список сравнения с другими товарами" 
								href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							  >Добавить к сравнению</a>
						{% ENDIF %}
					  {% ENDIF %}
					  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->

замените на

<!-- Если есть возможность добавить товар в избранное -->
					  {% IF 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="Добавить «{goods.NAME}» в избранное"
							  data-action-delete-title="Убрать «{goods.NAME}» из избранного"
							  data-action-text-add="Добавить в избранное"
							  data-action-text-delete="Удалить из избранного"
							  title="Убрать «{goods.NAME}» из избранного"
							  href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						style="display:none">Удалить из избранного</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="Добавить «{goods.NAME}» в избранное"
							  data-action-delete-title="Убрать «{goods.NAME}» из избранного"
							  data-action-text-add="Добавить в избранное"
							  data-action-text-delete="Удалить из избранного"
							  title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
					   style="display:none" >Добавить в избранное</a>
					  {% ENDIF %}
					  <!-- END Если есть возможность добавить товар в избранное -->
					  
					  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						{% IF 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="Добавить «{goods.NAME}» в список сравнения с другими товарами"
								data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
								data-action-text-add="Добавить к сравнению"
								data-action-text-delete="Убрать из сравнения"
								title="Убрать «{goods.NAME}» из списка сравнения с другими товарами"
								href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
						   style="display:none"   >Убрать из сравнения</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="Добавить «{goods.NAME}» в список сравнения с другими товарами" 
								data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими товарами" 
								data-action-text-add="Добавить к сравнению"
								data-action-text-delete="Убрать из сравнения"
								title="Добавить «{goods.NAME}» в список сравнения с другими товарами" 
								href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&amp;from={goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
							 style="display:none" >Добавить к сравнению</a>
						{% ENDIF %}
					  {% ENDIF %}
					  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->

Наверх

#9 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 29 Декабрь 2014 - 21:29

Добрый вечер.
Помогите сделать отображение товара списком в таком виде:
1. Артикул выровнять по левому краю.
2. Разделительная линия.
3. Наименование товара
4 Разделительная линия
5. Остаток
6.Разделитльная линия
7. Цена
8. Разделительная линия
9. кол-во и купить

Разделительные линии должны быть зафиксированные.
Наименование и артикул - выравнивание по левому краю.

Желаемый результат прилагаю

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

Наверх

#10 Vaccina

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

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

Отправлено 30 Декабрь 2014 - 01:54

Подобный вопрос обсуждался на форуме и имеет инструкции:
http://forum.storela...дификация-цена/

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

Переменная наименования товара:

<a href="{goods.mods.URL}">{goods.NAME}</a>

Переменная остатка:

  {goods.mods.REST_VALUE}&nbsp;{goods.mods.MEASURE_NAME}

Стоимость товара:

  <div class="goodsListItemPriceNew" style="white-space:nowrap;">
						  {goods.mods.PRICE_NOW | money}
						</div>
						{% IF goods.mods.PRICE_OLD > goods.mods.PRICE_NOW %}
						  <div class="goodsListItemPriceOld" style="white-space:nowrap;">
								<s>{goods.mods.PRICE_OLD | money}</s>
						  </div>
						{% ENDIF %}

Наверх

#11 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 30 Декабрь 2014 - 11:07

Вставил

Vaccina (30 Декабрь 2014 - 01:54) писал:

Подобный вопрос обсуждался на форуме и имеет инструкции:
http://forum.storela...дификация-цена/

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

Переменная наименования товара:

<a href="{goods.mods.URL}">{goods.NAME}</a>

Переменная остатка:

{goods.mods.REST_VALUE}&nbsp;{goods.mods.MEASURE_NAME}

Стоимость товара:

<div class="goodsListItemPriceNew" style="white-space:nowrap;">
						 {goods.mods.PRICE_NOW | money}
					 </div>
					 {% IF goods.mods.PRICE_OLD > goods.mods.PRICE_NOW %}
						 <div class="goodsListItemPriceOld" style="white-space:nowrap;">
							 <s>{goods.mods.PRICE_OLD | money}</s>
						 </div>
					 {% ENDIF %}

Вставил по теме код, теперь не отображаются товары.
Помогите пожалуйста.

Наверх

#12 MikDark

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

Модераторы
6 468 сообщений

Отправлено 30 Декабрь 2014 - 11:41

VID61 (30 Декабрь 2014 - 11:07) писал:

Вставил

Вставил по теме код, теперь не отображаются товары.
Помогите пожалуйста.

Отмените изменения или восстановите из бэкапа, сделаем Вам их самостоятельно.

Наверх

#13 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 30 Декабрь 2014 - 12:40

MikDark (30 Декабрь 2014 - 11:41) писал:

Отмените изменения или восстановите из бэкапа, сделаем Вам их самостоятельно.

Заранее благодарю, сделал откат.

Наверх

#14 MikDark

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

Модераторы
6 468 сообщений

Отправлено 30 Декабрь 2014 - 13:14

VID61 (30 Декабрь 2014 - 12:40) писал:

Заранее благодарю, сделал откат.

Часть изменений произвели, уточните, какие еще вопросы остались?

Наверх

#15 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 30 Декабрь 2014 - 14:00

MikDark (30 Декабрь 2014 - 13:14) писал:

Часть изменений произвели, уточните, какие еще вопросы остались?

Большое спасибо.
Осталось сделать
1. Как сделать фиксированную ширину колонки "Артикул"
2. Добавить возможность добавлять кол-во товаров.
3. Цене поставить рядом. а не над кнопкой купить.

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

Наверх

#16 Vaccina

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

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

Отправлено 31 Декабрь 2014 - 01:02

1.В шаблоне Товары найдите:

<div style="display: table-cell; vertical-align: top; text-align: left;border-right: solid 1px #ccc;"> {goods.ART_NUMBER}</div>

замените на:

<div style="width:60px; display: table-cell; vertical-align: top; text-align: left;border-right: solid 1px #ccc;"> {goods.ART_NUMBER}</div>

2,3 В этом же шаблоне найдите:

<div class="product-price">
						<span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span>
						{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
						{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s>
						{% ENDIF %}
						<div class="clear"></div>
					  </div>		   
					  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
						<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"  onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
						<!--a class="buy_button" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					  </form>

замените его на:

<div class="product-price" style="float:left;">
						<span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span>
						{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
						{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s>
						{% ENDIF %}
						<div class="clear"></div>
					  </div>		  
					  <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" style="float:right;" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
						<input type="hidden" name="hash" value="{HASH}" />
						<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
						<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<input type="number" name="form[goods_mod_quantity]" class="quantity" min="1" max="999" step="1" value="1"   title="Количество">
						<a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}"  onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
					  </form>

Наверх

#17 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 05 Январь 2015 - 14:07

Vaccina (31 Декабрь 2014 - 01:02) писал:

1.В шаблоне Товары найдите:

<div style="display: table-cell; vertical-align: top; text-align: left;border-right: solid 1px #ccc;"> {goods.ART_NUMBER}</div>

замените на:

<div style="width:60px; display: table-cell; vertical-align: top; text-align: left;border-right: solid 1px #ccc;"> {goods.ART_NUMBER}</div>

2,3 В этом же шаблоне найдите:

<div class="product-price">
					 <span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span>
					 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
					 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s>
					 {% ENDIF %}
					 <div class="clear"></div>
					 </div>		
					 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
					 <a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
					 <!--a class="buy_button" onclick="$('.product-form-{goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
					 </form>

замените его на:

<div class="product-price" style="float:left;">
					 <span class="new_price">{goods.MIN_PRICE_NOW | money_format}</span>
					 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <s class="old_price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
					 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <s class="old_price">{goods.MIN_PRICE_OLD | money_format}</s>
					 {% ENDIF %}
					 <div class="clear"></div>
					 </div>		
					 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" style="float:right;" class="goodsListItemCatalogueAddToCartButton product-form-{goods.MIN_PRICE_NOW_ID}">
					 <input type="hidden" name="hash" value="{HASH}" />
					 <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
					 <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<input type="number" name="form[goods_mod_quantity]" class="quantity" min="1" max="999" step="1" value="1" title="Количество">
					 <a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
					 </form>

Добрый день.
Изменения произвел, но осталось не решенным
- Цена за товар, находится сверху кнопки купить, а не рядом и нет разделительной черты между ними.

Наверх

#18 Danil

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

Пользователи
4 645 сообщений

Отправлено 05 Январь 2015 - 14:31

VID61 (05 Январь 2015 - 14:07) писал:

Добрый день.
Изменения произвел, но осталось не решенным
- Цена за товар, находится сверху кнопки купить, а не рядом и нет разделительной черты между ними.

Здравствуйте.
Попробуйте так:
В конец style.css добавьте

.product-tools {
width:340px;
}
.product-price .new_price {
margin-top: 25px;
display: block;
text-align: center;
}
input[type="number"] {
margin: 0 0 1px 0;
}

В шаблоне товары найдите код

	   <div class="product-price" style="float:left;">

и замените на

	   <div class="product-price" style="float:left;width: 120px;border-right: solid 1px #ccc;height: 79px;">

Наверх

#19 VID61

Пользователь

Пользователи
32 сообщений

Отправлено 05 Январь 2015 - 15:50

Danil (05 Январь 2015 - 14:31) писал:

Здравствуйте.
Попробуйте так:
В конец style.css добавьте

.product-tools {
width:340px;
}
.product-price .new_price {
margin-top: 25px;
display: block;
text-align: center;
}
input[type="number"] {
margin: 0 0 1px 0;
}

В шаблоне товары найдите код

	 <div class="product-price" style="float:left;">

и замените на

	 <div class="product-price" style="float:left;width: 120px;border-right: solid 1px #ccc;height: 79px;">

Изменения произвел, данная проблема не решена, + образовалась еще одна ( в списке просмотренных товаров, названия наезжают на кнопки)

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

Наверх

#20 Ирина345

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

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

Отправлено 06 Январь 2015 - 10:49

VID61 (05 Январь 2015 - 15:50) писал:

Изменения произвел, данная проблема не решена, + образовалась еще одна ( в списке просмотренных товаров, названия наезжают на кнопки)

Здравствуйте, найдите в файле style.css

#product-recent li {
 height: 140px;
}

замените на


#product-recent li {
/* height: 140px; */
}

Наверх

Вперед

Обратно в Каталог товаров

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

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

Отображение Товара Списком

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

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

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

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

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

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

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

Войти

Google поиск