1. Forum używa plików Cookies. Dowiedz się więcej o celu ich używania i możliwości zmiany ustawień Cookies w przeglądarce. Czytaj więcej...

Miniaturki produktów i modyfikacja hover

Dyskusja w 'Sklep internetowy eSklep' rozpoczęta przez użytkownika Fryzjerka, 7 Czerwiec 2019.

  1. Fryzjerka

    Fryzjerka Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    5
    Witam,

    chciałbym wstawić modyfikacje css w opcjach przeglądania produktów, np dodać jakaś klase hover, aby gdy ktoś przegląda daną kategorie poruszając myszką miniaturki obrazów np. się skalowały itp.

    Który z plików na sklepie odpowiada za wyświetlanie miniaturek w opcjach przeglądania?

    bede wdzięczna za info
    pozdrawiam
    Paula
     
  2. papux

    papux Fachowiec

    Wiadomości:
    399
    Docenione treści:
    112
    modyfikowac mozesz poprzez css kod
    Kod:
    .products.viewphot .product .prodimage .img-wrap
     
  3. Fryzjerka

    Fryzjerka Stały bywalec

    Wiadomości:
    35
    Docenione treści:
    5
    Hej,

    dzięki za info, chwile pobawiłam sie kodem, i mogę go tu zostawić jakby ktoś był zainteresowany:

    wklejamy go w zakładce"własny kod css"
    /************tu wstaw swój opis, abyś wiedział do czego się to odnosi*********/
    .products.viewphot .product {
    img{ transition: all .2s ease-in-out; &:hover{ transform: scale(1.1); box-shadow: 0 0 20px rgba(0,0,0,0.5); } } }


    najechanie myszki powoduje skalowanie o 1,1 oraz nadanie cienia "shadow" możemy te parametry dostosować do siebie.
    Analogicznie można inne efekty hover tu zastosować, cienie, kolory itp

    Pozd
    Paula
     
    LukaszC lubi to.

Poleć forum znajomym