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

[tutkypi]

Здравствуйте, при наведении на товар он поворачивается обратной стороной.Как такой эффект можно реализовать для рисунка на сайте,что бы при наведении сзади была другая картинка.
Аккаунт SL-325231

[Vaccina]

Попробуйте вставить следующим образом в шаблоне HTML, если в описании страницы хотите, то через кнопку Источник:

<div class="rotation">
  <div class="default">
   <img src="ссылка на первую картинку" alt="" />
  </div>
  <div class="product-hover">
   <img src="ссылка на вторую картинку" alt="" />
  </div>
</div>

[tutkypi]

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

Попробуйте вставить следующим образом в шаблоне HTML, если в описании страницы хотите, то через кнопку Источник:

<div class="rotation">
<div class="default">
<img src="ссылка на первую картинку" alt="" />
</div>
<div class="product-hover">
<img src="ссылка на вторую картинку" alt="" />
</div>
</div>

Первую картинку размещает, при наведении ничего не происходит. сайт http://dmeda.storeland.ru
И еще бывает при обновлении страницы page-header на четверть почти заезжает под меню, приходится еще раз обновлять.

[tutkypi]

Сделал так:

<div class="col-sm-3 col-md-3 product rotation">
<div class="default">
<img src="{ASSETS_IMAGES_PATH}m1.png" alt="" />
</div>
<div class="product-hover1">
<img src="{ASSETS_IMAGES_PATH}m2.png" alt="" />
</div>
</div>

а в main.css сделал дубликат всех строчек которые содержат .product-hover и заменил на .product-hover1
К примеру:

.product .product-hover1 .product-name {font-size: 13px;font-weight: normal;line-height: 18px;margin: 0 0 7px;}

Надеюсь это не повлияет на работу в дальнейшем