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


Как Сделать Маленькие Иконки Доп. Фото Под Основным

фото

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

#1 Василера

Василера

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

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

Отправлено 25 Март 2016 - 21:44

Здравствуйте!

Помогите, пжл, сделать маленькие иконки доп. фото под основным, как в теме Мокко. И еще перекрасить "есть в наличии" в приятный зеленый цвет.

и название артикула черным цветом

и название артикула черным цветом

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

  • фото м.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 26 Март 2016 - 06:25

В шаблоне Товар после:
<div id="owl-demo4" class="owl-carousel owl-theme">
			   {% IF GOODS_IMAGE_EMPTY %}
			   <div class="item">
				  <img src="{ASSETS_IMAGES_PATH}no-photo-large.png?design=caramel" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail goods-image-large"/>
			   </div>
				{% ELSE %}
				   <div class="item">
				  <a itemprop="image" href="{GOODS_IMAGE_OTHER}" title="{GOODS_NAME}">
				  <img src='{GOODS_IMAGE_LARGE}' class="goods-image-other"/>
				  </a>
				   </div>
				{%ENDIF%}
						   {% FOR goods_images %}
							  {% IFNOT goods_images.first %}
					  
								   <div class="item">
							  <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.LARGE}" alt="{goods_images.NAME}" /></a>
								   </div>
						
							  {%ENDIF%}
							{% ENDFOR %}	  
				  </div><!--END Item-->  
	  </div>

пропишите:
<div class="clear"></div>
	  {% FOR goods_images %}
		  <div class="item" style="display:inline-block;">
		   <a href="{goods_images.LARGE}" data="{goods_images.ID}" title="{goods_images.NAME}" rel="gallery"><img src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
		  </div>
	  {% ENDFOR %} 


В main.css после:
.goodsDataMainModificationArtNumber span, .goodsDataMainModificationAvailable span {
	margin-left: 10px;
}

пропишите:
.goodsDataMainModificationAvailable .available-true span {
	color: #99CF22;
}


#3 Василера

Василера

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

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

Отправлено 26 Март 2016 - 22:55

Спасибо! Но все равно не совсем так как хотелось бы :unsure::
нажав на маленькое фото оно открывается во всю страницу, а не красиво по центру, если бы мы нажали на большое центральное. Также нельзя перейти на следующее фото, приходится нажимать "назад".

название артикула не перекрасилось в черный(

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

  • 261.jpg
  • 262.jpg


#4 Ирина345

Ирина345

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

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

Отправлено 28 Март 2016 - 16:31

Просмотр сообщенияВасилера (26 Март 2016 - 22:55) писал:

Спасибо! Но все равно не совсем так как хотелось бы :unsure::
нажав на маленькое фото оно открывается во всю страницу, а не красиво по центру, если бы мы нажали на большое центральное. Также нельзя перейти на следующее фото, приходится нажимать "назад".

название артикула не перекрасилось в черный(
Здравствуйте, у Вас в обоих слайдерах, можно прокручивать изображения и вперед и назад, уточните на каком товаре у Вас не работает прокрутка.





Темы с аналогичным тегами фото

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

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