26-634 Gózd, Polska
EnglishGermanPolishRussian
EnglishGermanPolishRussian

Zmiana ikony koszyka WooCommerce DIVI

28 września 2020

Blog

Przykład: Zmień ikonę koszyka na dymek (kontur)

/* Change cart icon to speech bubble (outline) */ 
.et-cart-info span:before {
    content: '\76';
    font-family: 'ETmodules' !important;
}

Przykład: Zmień ikonę koszyka na dymek (wypełniony)

/* Change cart icon to speech bubble (filled) */
.et-cart-info span:before {
    content: '\e065';
    font-family: 'ETmodules' !important;
}

Zmiana ikony koszyka na obraz

Jeśli masz obraz, którego chcesz użyć zamiast ikony koszyka, możesz wstawić go za pomocą następującego kodu CSS:

.et-cart-info span:before {
    /* icon made by stephen-hutchings from www.flaticon.com */
    background: url('https://image.flaticon.com/icons/svg/2/2772.svg') !important;
    content: '';
    display: inline-block; 
    height: 1em !important;
    width: 1em !important;
    vertical-align: -1px;
}

Zmień adres URL na adres pliku obrazu. Możesz także pobawić się szerokością i wysokością, aby uzyskać rozmiar ikony, którą lubisz, oraz wartość wyrównania w pionie, aby przesunąć ją w górę lub w dół.

Oto przykład efektu. W tym przypadku różnica nie jest ogromna, ponieważ właśnie zastąpiłem ikonę solidnego koszyka ikoną szkieletową, ale powinna dać ci pomysł. Zauważ, że zastosowałem również „filter: invert (100%);” zmienić moją czarną ikonę na białą.

Wypełnij brief strony WWW a w ciągu 24h otrzymasz darmową wycenę!
Administratorem danych osobowych jest SEOBIT Waldemar Kaźmierczak NIP:712-107-27-46 Dane przetwarzane są na podstawie art. 6 ust.1 lit. b ogólnego rozporządzenia o ochronie danych osobowych z 27 kwietnia 2016r., dalej RODO w celu wykonania umowy, której stroną jest osoba, której dane dotyczą, lub do podjęcia działań na żądanie osoby, której dane dotyczą, przed zawarciem umowy. Administrator nie udostępnia danych ani nie przekazuje danych do państwa trzeciego/organizacji międzynarodowej. Administrator udostępnia lub powierza dane podmiotom zewnętrznym w celu realizacji przedmiotu umowy.