wdrożenia PrestaShop

Font Awesome w menu kategorii

  • 5 Odpowiedzi
  • 2538 Wyświetleń

0 użytkowników i 1 Gość przegląda ten wątek.

*

Offline mike446

  • Tubylec
  • ****
  • 151
  • 0
  • Płeć: Mężczyzna
  • PrestaShop
  • PrestaShop: 1.7
  • Status: forum
Font Awesome w menu kategorii
« dnia: 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
Profesjonalny hosting

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Font Awesome w menu kategorii
« Odpowiedź #1 dnia: Maj 30, 2019, 10:29:00 am »
Przez css, w danym elemencie uzyc :before lub :after w zaleznosci od potrzeb i przypisac content.
design4VIP z innej strony...

*

Offline mike446

  • Tubylec
  • ****
  • 151
  • 0
  • Płeć: Mężczyzna
  • PrestaShop
  • PrestaShop: 1.7
  • Status: forum
Odp: Font Awesome w menu kategorii
« Odpowiedź #2 dnia: Maj 30, 2019, 12:27:59 pm »
Ok, a mógłbym prosić jakiś przykład.
Profesjonalny hosting

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Font Awesome w menu kategorii
« Odpowiedź #3 dnia: Maj 30, 2019, 04:31:32 pm »
Ok, a mógłbym prosić jakiś przykład.
np. przycisk 'dodaj do koszyka' w karcie produktu standardowej skorki
design4VIP z innej strony...

*

Offline mike446

  • Tubylec
  • ****
  • 151
  • 0
  • Płeć: Mężczyzna
  • PrestaShop
  • PrestaShop: 1.7
  • Status: forum
Odp: Font Awesome w menu kategorii
« Odpowiedź #4 dnia: 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.

<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>
Profesjonalny hosting

*

Offline design4VIP

  • user
  • Mieszkaniec
  • *****
  • 3,866
  • 131
    • design4VIP z innej strony...
  • PrestaShop: PS
  • Status: Programista
Odp: Font Awesome w menu kategorii
« Odpowiedź #5 dnia: Maj 30, 2019, 08:30:37 pm »
Albo dodac count do <li> albo css :nth-child()
design4VIP z innej strony...