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


Отображение товаров списком: модификация - цена как в Excel-е


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

#201 Котуся

Котуся

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

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

Отправлено 25 Май 2016 - 10:22

вопрос актуален, помогите пожалуйста!

#202 Юля123

Юля123

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

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

Отправлено 25 Май 2016 - 13:12

Просмотр сообщенияКотуся (25 Май 2016 - 10:22) писал:

вопрос актуален, помогите пожалуйста!


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

			<!-- Проходим по массиву списка товаров -->
			{% FOR goods %}
			  <div class="four columns product_wrapper">
				<div>
				  <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>
				  <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>
					  <!-- Если есть возможность добавить товар в избранное -->
					  {% 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 Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					</div>
					<div class="column">
					  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
					  {% IF goods.DESCRIPTION_SHORT %}
						<div class="desc std a-left">
						  <div class="htmlDataBlock">
							{goods.DESCRIPTION_SHORT}
							<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="read-more">узнать больше...</a>
						  </div>
						</div>
					  {% ENDIF %}
					</div>
				  </div>
				  <div class="clear"></div>
				</div>
			  </div>
			{% ENDFOR %}
			<!-- /Проходим по массиву списка товаров -->

и замените на код:

			<!-- Проходим по массиву списка товаров -->
			{% FOR goods %}
			  <div class="four columns product_wrapper">
				<div>
				  <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>
				  <div class="item-detail">
					<div class="column">
					  <h4><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h4>
					</div>
				  </div>
				  <div class="item-detail">
					<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>
				   </div>
					<div class="item-detail">
											  <!-- Если есть возможность добавить товар в избранное -->
					  {% 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 Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					</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}" /> 
										  <div class="item-detail">
							  <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>
				  </div>
				   <div class="item-detail">
					<div class="product-tools">
								 
						<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-->
					</div>
				  </div>
				  </form>
				  <div class="clear"></div>
				</div>
			  </div>
			{% ENDFOR %}
			<!-- /Проходим по массиву списка товаров -->

В style.css найдите код:

.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {display: table-cell; vertical-align: top;text-align: center;}

и замените на код:

.product-list3 .four.columns .prod_image, .product-list4 .four.columns .prod_image {display: table-cell; vertical-align: top;text-align: center; height: auto;}


далее код:

.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;margin-right: 220px;padding: 0 10px 0 0;}

замените на код:

.product-list3 .four.columns .item-detail .column, .product-list4 .four.columns .item-detail .column {display: block;padding: 0 10px 0 0;}


В конце style.css добавьте код:

.product-list3 .four.columns .item-detail .column {
	max-width: 200px;
}
.item-detail .wishlist, .item-detail .compare {
	margin: 0;
}


#203 Котуся

Котуся

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

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

Отправлено 25 Май 2016 - 13:53

Добрый день!

Внесла изменения, не очень корректно отображается. Как поправить?
Нужно сделать все в строчку.

С Уважением,

#204 Firefly

Firefly

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

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

Отправлено 25 Май 2016 - 14:04

Просмотр сообщенияКотуся (25 Май 2016 - 13:53) писал:

Добрый день!

Внесла изменения, не очень корректно отображается. Как поправить?
Нужно сделать все в строчку.

С Уважением,

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> 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;padding-left: 20px;border-left: solid 1px #ccc;}


#205 Котуся

Котуся

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

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

Отправлено 25 Май 2016 - 14:16

вопрос снят.

Спасибо большое))

#206 Котуся

Котуся

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

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

Отправлено 04 Июль 2016 - 15:38

День добрый!

А можно отцентровать как то. Ну чтобы посимпатичнее смотрелось)))

Заранее благодарю.

#207 Firefly

Firefly

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

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

Отправлено 04 Июль 2016 - 16:48

Просмотр сообщенияКотуся (04 Июль 2016 - 15:38) писал:

День добрый!

А можно отцентровать как то. Ну чтобы посимпатичнее смотрелось)))

Заранее благодарю.

Здравствуйте.
Уточните, пожалуйста, на скриншоте, как именно хотелось бы центрировать элементы.

#208 Котуся

Котуся

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

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

Отправлено 04 Июль 2016 - 17:19

Сейчас они выровнены по верхнему краю, а хотелось бы по центру.

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

  • Новый точечный рисунок.jpg


#209 Firefly

Firefly

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

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

Отправлено 04 Июль 2016 - 20:58

Просмотр сообщенияКотуся (04 Июль 2016 - 17:19) писал:

Сейчас они выровнены по верхнему краю, а хотелось бы по центру.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css, найдите код:
.product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {display: table-cell; vertical-align: top;padding: 0 0 0 10px;margin-left: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px;margin-right: 220px;}

Замените на:
.product-list3 .four.columns .item-detail, .product-list4 .four.columns .item-detail {display: table-cell; vertical-align: middle;padding: 0 0 0 10px;margin-left: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px;margin-right: 220px;}
.product-list3 .four.columns > div > form,  .product-list4 .four.columns > div > form {display: table-cell;vertical-align: middle;}


#210 Котуся

Котуся

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

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

Отправлено 05 Июль 2016 - 08:40

Все получилось, спасибо)))

#211 Biglingerie

Biglingerie

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

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

Отправлено 17 Август 2019 - 08:24

Добрый день. Можно как-то управлять видимостью модификаций товара, не обнуляя количество.
Ведь если мы поставим ноль, этот размер товара все равно будет участвовать в фильтрации и покажется покупателю, а купить его нельзя
У меня есть еще один магазин на другом конструкторе и там можно скрывать отдельные размеры товара просто убрав галочку.
Можно ли такое сделать здесь? убрал галочку напротив размера и его не видно




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

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