Polskie wsparcie PrestaShop

PrestaShop => PrestaShop 1.7 => Wątek zaczęty przez: mike446 w Maj 30, 2019, 07:59:55 am

Tytuł: Font Awesome w menu kategorii
Wiadomość wysłana przez: mike446 w Maj 30, 2019, 07:59:55 am

W jaki sposób mógłbym wstawić ikonki Font Awesome w bocznym menu kategorii?? Oczywiście przy każdej kategorii inna ikonka.
W/g jednego z poradników w header.tpl wstawiłem taki link
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
Ale jak dodać ikonki do kategorii?

Prestashop v1.7.5

Tytuł: Odp: Font Awesome w menu kategorii
Wiadomość wysłana przez: design4VIP w Maj 30, 2019, 10:29:00 am

Przez css, w danym elemencie uzyc :before lub :after w zaleznosci od potrzeb i przypisac content.

Tytuł: Odp: Font Awesome w menu kategorii
Wiadomość wysłana przez: mike446 w Maj 30, 2019, 12:27:59 pm

Ok, a mógłbym prosić jakiś przykład.

Tytuł: Odp: Font Awesome w menu kategorii
Wiadomość wysłana przez: design4VIP w Maj 30, 2019, 04:31:32 pm

Cytat: mike446 w Maj 30, 2019, 12:27:59 pm

Ok, a mógłbym prosić jakiś przykład.

np. przycisk 'dodaj do koszyka' w karcie produktu standardowej skorki

Tytuł: Odp: Font Awesome w menu kategorii
Wiadomość wysłana przez: mike446 w Maj 30, 2019, 08:11:10 pm

Chodzi mi o to że w kodzie strony mam kilka elementów <li data-depth="0"> oraz kilka <li data-depth="1"> jak css ma je rozróżnić aby nadać im odpowiednie contenty.

Kod: [Zaznacz]

<li data-depth="0"><a href="https://e-sale24.eu/3-foto-video">Foto / Video</a>
            <div class="navbar-toggler collapse-icons" data-toggle="collapse" data-target="#exCollapsingNavbar3"><i class="material-icons add"></i><i class="material-icons remove"></i></div>
            <div class="collapse in" id="exCollapsingNavbar3">
                <ul class="category-sub-menu">
                    <li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/21-drony">Drony</a></li>
                    <li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/4-lustrzanki">Lustrzanki</a></li>
                    <li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/27-aparaty-fotograficzne">Aparaty fotograficzne</a></li>
                    <li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/23-kamery">Kamery</a></li>
                    <li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/12-kamery-samochodowe">Kamery Samochodowe</a></li>
                    <li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/13-kamery-sportowe">Kamery Sportowe</a></li>
                </ul>
            </div>
        </li>

Tytuł: Odp: Font Awesome w menu kategorii
Wiadomość wysłana przez: design4VIP w Maj 30, 2019, 08:30:37 pm

Albo dodac count do <li> albo css :nth-child()