Комерц - вывод цены только по наведению мышки

Главные вкладки

Аватар пользователя Kvark Kvark 7 августа 2012 в 14:00

Народ, снова я к вам за поддержкой, помогите разобраться?

Поставил коммерц на 7 друп, вроде разобрался как сделать витрину - есть такая хотелка чтобы цена не показывалась рядом с картинкой, а вылазила над ней только по наведению мышки - как такое можно сделать?

Комментарии

Аватар пользователя EvgenySorokin EvgenySorokin 7 августа 2012 в 14:23

Еще как вариант - темизировать title и alt к картинкам так, что при наведении выведется не просто текст, а какой-то красивый, со свистелками.

Аватар пользователя Kvark Kvark 7 августа 2012 в 15:08

ем чисто технически я понимаю что нужно сделать но вот как в тот же тайтл вывести цену из базы на эту шмотку?

Аватар пользователя EvgenySorokin EvgenySorokin 7 августа 2012 в 15:13

"Kvark" wrote:
ем чисто технически я понимаю что нужно сделать но вот как в тот же тайтл вывести цену из базы на эту шмотку?

При создании материала, при прикреплении изображения надо сразу в alt title прописывать цену, она и будет выводиться.

Аватар пользователя Kvark Kvark 7 августа 2012 в 16:32

тут загвоздка, цена меняеться со временем да и от размера скажем может меняться а фотка то таже... тут как то нужно исхитриться именно выводить значение цены из базы но по верху картинки... вот только как такое сделать Sad

Аватар пользователя EvgenySorokin EvgenySorokin 7 августа 2012 в 16:39

"Kvark" wrote:
тут загвоздка, цена меняеться со временем да и от размера скажем может меняться а фотка то таже... тут как то нужно исхитриться именно выводить значение цены из базы но по верху картинки... вот только как такое сделать :(

Тогда можно попробовать через темизацию файла типа "продукт" через php код выводить цену, и ее свойствами css накладывать на картинку. Но там много мороки, и без знаний этого не провернуть, так как придется задавать что-то типа условия, чтоб выводить только при наведении.

Аватар пользователя Andruxa Andruxa 10 ноября 2015 в 11:48

в темплейте product display сделать какую-нибудь такую конструкцию:

  <div class="container">
    <img src="..." />
    <div class="price">
      <span class="price-value">100500</span>
      <span class="price-currency">USD</span>
    </div> <!--- price --->
  </div> <!--- container --->

назначить стили

    .price {display:none}
    .container:hover .price {display:block}

...
???
PROFIT!

ну и навесить jQ как советовали - для плавного появления/скрытия цены