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

[evros]

Добрый день. Подскажите плиз как сделать все превью товаров в каталоге открытые списком - одинакового размера.

Еще вопрос. Как добавить на эти превью строку о наличии товара?

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

• 

[RedHead]

evros (31 Март 2016 - 14:29) писал:

Добрый день. Подскажите плиз как сделать все превью товаров в каталоге открытые списком - одинакового размера.

Еще вопрос. Как добавить на эти превью строку о наличии товара?

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

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



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

Чтобы в отображение товаров списком добавить информацию о наличии товара, в шаблоне ТОВАРЫ, после кода:

<div class="col-sm-8 col-sms-8 col-smb-12" >
				<div class="product-shop">
					<h2 class="product-name"><a href="{goods.URL | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></h2>
					<meta itemprop="name" content="{goods.NAME}">
					<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
					  <!-- информация для поисковика о валюте товара -->
					  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
						<span class="old-price">
						  <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
						</span>
					  {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
						<span class="old-price">
						  <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
						</span>
					  {% ENDIF %}
						<span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
					</div>

вставьте код:

														  <!-- Доступность товара -->
					<div class="clear"></div>
				  <div class="goodsDataMainModificationAvailable">
				  <div class="true available-true" {% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
				  <div class="false available-false" {% IF goods.MIN_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товар под заказ</div>
				  </div>

[evros]

RedHead (31 Март 2016 - 15:20) писал:

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

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

1.jpg

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

Чтобы в отображение товаров списком добавить информацию о наличии товара, в шаблоне ТОВАРЫ, после кода:

<div class="col-sm-8 col-sms-8 col-smb-12" >
			 <div class="product-shop">
				 <h2 class="product-name"><a href="{goods.URL | url_amp}" title="{goods.NAME}" itemprop="url">{goods.NAME}</a></h2>
				 <meta itemprop="name" content="{goods.NAME}">
				 <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
					 <!-- информация для поисковика о валюте товара -->
					 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					 <span class="old-price">
						 <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
					 </span>
					 {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					 <span class="old-price">
						 <span class="price {CURRENCY_CHAR_CODE}">{goods.MIN_PRICE_OLD | money_format}</span>
					 </span>
					 {% ENDIF %}
					 <span class="price {CURRENCY_CHAR_CODE}" itemprop="price">{goods.MIN_PRICE_NOW | money_format}</span>
				 </div>

вставьте код:

														 <!-- Доступность товара -->
				 <div class="clear"></div>
				 <div class="goodsDataMainModificationAvailable">
				 <div class="true available-true" {% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
				 <div class="false available-false" {% IF goods.MIN_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товар под заказ</div>
				 </div>

Спасибо! Наличие добавил.

По поводу фотографий - открываю в браузере Firefox ссылку http://market-fitnes...ods_view_type=1
фотография товара в самом низу слишком широкая.

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

[Firefly]

evros (31 Март 2016 - 16:28) писал:

Спасибо! Наличие добавил.

По поводу фотографий - открываю в браузере Firefox ссылку http://market-fitnes...ods_view_type=1
фотография товара в самом низу слишком широкая.

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

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.Opera img {width: auto;}

Замените на:

.Firefox .products-list .item .product-image img {width:100%;}
.IE .products-list .item .product-image img {width:100%;}
.Opera img {width: auto;}