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


Показ Всех Фото Товара


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

#1 aleff

aleff

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

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

Отправлено 17 Октябрь 2015 - 22:47

Доброго времени суток, необходимо сделать так, чтоб на стр товар выводились все фото товара( маленькие фото) и убрать стрелки, чтоб пользователь мог сразу нажать на интересующее фото товара

#2 Firefly

Firefly

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

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

Отправлено 18 Октябрь 2015 - 11:20

Просмотр сообщенияaleff (17 Октябрь 2015 - 22:47) писал:

Доброго времени суток, необходимо сделать так, чтоб на стр товар выводились все фото товара( маленькие фото) и убрать стрелки, чтоб пользователь мог сразу нажать на интересующее фото товара

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
			  <div class="thumblist-box" {% FOR goods_images %}{% IF goods_images.length <= 1 %}style="display:none;"{% ENDIF %}{% ENDFOR %}>
				<span class="next"></span>
				<span class="prev"></span>
				 <!-- Другие изображения товара. Отображаются если есть изображения товара -->
								{% IFNOT goods_images_empty %}
								  <div id="thumblist" class="thumblist popup-gallery">
										{% FOR goods_images %}
										  {% IFNOT goods_images.first %}
												<a itemprop="image" href="{goods_images.LARGE}" title="{goods_images.NAME}" class="thumblisticon"><img src="{goods_images.OTHER}" alt="{goods_images.NAME}" class="goods-image-icon" style="max-height: 85px;" /></a>
					  {% ENDIF %}
					{% ENDFOR %}
				  </div>
				{% ENDIF %}
			  </div><!-- END другие изображение товара -->
			</div>

Замените на:
			  <div class="thumblist-box">
				<!-- Другие изображения товара. Отображаются если есть изображения товара -->
				{% IFNOT goods_images_empty %}
				  <div  class="thumblist popup-gallery">
					{% FOR goods_images %}
					  {% IFNOT goods_images.first %}
						<a itemprop="image" href="{goods_images.LARGE}" title="{goods_images.NAME}" class="thumblisticon"><img src="{goods_images.OTHER}" alt="{goods_images.NAME}" class="goods-image-icon" /></a>	 
					  {% ENDIF %}
					{% ENDFOR %}
				  </div>
				{% ENDIF %}
			  </div><!-- END другие изображение товара -->
			</div>

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/* Товар */
.thumblist-box {margin: 30px 0 0;max-height: 108px;border-top: 3px double #e9e9e9;border-bottom: 3px double #e9e9e9;padding: 10px 0;overflow: hidden;position: relative;}

Замените на:
/* Товар */
.thumblist-box {margin: 30px 0 0;border-top: 3px double #e9e9e9;border-bottom: 3px double #e9e9e9;padding: 10px 0;overflow: hidden;position: relative;}
.thumblist-box a img.goods-image-icon {float: left; padding-left: 25px;}





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

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