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...

PORADNIK Ikony społecznościowe na pasku nawigacji

Dyskusja w 'Poradniki, gotowe rozwiązania' rozpoczęta przez użytkownika Grzesiek, 14 Listopad 2017.

  1. Grzesiek

    Grzesiek BOK home.pl home.pl Administrator forum

    Wiadomości:
    3 135
    Docenione treści:
    298
    Zmiany wykonujemy w:

    Konfiguracja -> Wygląd -> Aktywny styl graficzny -> Edycja zaawansowana

    Edytując plik: body_head.tpl w następujący sposób:


    Kod:
    <li class="fb-social">
                       <a href="link do facebook" target="_blank">
                       <img src="{baseDir}/ścieżka do zdjęcia"></a>
                       </li>
                       <li class="i-social">
                       <a href="link do instagram" target="_blank">
                       <img src="{baseDir}/ścieżka do zdjęcia"></a>
                       </li>
    
    Powyższy kod wstawiamy pomiędzy:
    <ul class="links right inline"> a
    {if true == $user_logged}
    <li class="hello">

    Dodatkowo ze względu na moje ikony poprawiłem css w następujący sposób:

    Kod:
    .login-bar li.fb-social, .login-bar li.i-social {
       margin-right: -20px;
       margin-left: -10px;
    }
    Screenshot-2017-11-14.jpg
     
    Mariusz lubi to.
  2. domaszewiczl

    domaszewiczl Początkujący

    Wiadomości:
    6
    Docenione treści:
    0
    Super wszystko działa! musiałem się tylko trochę pobawić z marginesami aby wszystko mieściło się w jednej szerokości pasku szczególnie w wersji responsywnej taki efekt: www.dummyinky.com
     
  3. TheL

    TheL @Lider VIP Moderator forum

    Wiadomości:
    2 221
    Docenione treści:
    481
    zróbcie sobie jeszcze filtrami css ładne zmiany kolorów lub podświetlanie grafik i będzie całkiem fajnie :)
     
  4. michalhockey

    michalhockey Kandydat

    Wiadomości:
    111
    Docenione treści:
    30
    Zmniejsz zdjęcia bo Google pokazało, że możesz zaoszczędzić prawie 17MB (98%!!), a sprawdzałem jedynie stronę główną
     
    Mariusz lubi to.
  5. domaszewiczl

    domaszewiczl Początkujący

    Wiadomości:
    6
    Docenione treści:
    0
    ok dzieki rzeczywiscie sporo mogłem jeszcze zmniejszyc
     
  6. tazz

    tazz Nowicjusz

    Wiadomości:
    23
    Docenione treści:
    2
    jaką ścieżkę podać z ikonką? "../images/user/fb3.jpg" nie wyświetla ikonki.
     
  7. LukaszC

    LukaszC eCommerce Team home.pl Moderator forum

    Wiadomości:
    231
    Docenione treści:
    34
    @tazz w twoim przypadku jak dodałeś zdjęcia do "Pliki graficzne" to przejść w ich edycję i wyświetl zdjęcie w nowym oknie dostaniesz pełną ścieżkę w moim przypadku wygląda ona tak:
    Kod:
    https://sklep.tir.szczecin.pl/skins/user/rwd_clickshop_3/images/user/fb.png
    możesz wkleić wtedy cały URL, ale kasując {baseDir} lub wprowadzić wartość od /skins :)
     
  8. tazz

    tazz Nowicjusz

    Wiadomości:
    23
    Docenione treści:
    2
    Mam plik fb2.png w "plikach graficznych"

    adres:
    ...mibar.pl/skins/user/rwd_clickshop_3/images/user/fb2.png

    po wrzuceniu do przeglądarki powinien pokazać ikonkę, tylko jak sprawdzisz to nie ma takiej strony. W adresie widać "rwd_clickshop_3" jaką mamy pewność, że u mnie też taki jest?

    W edycji plików graficznych nie mam żadnych informacji, mogę jedynie wymienić plik.
     
  9. LukaszC

    LukaszC eCommerce Team home.pl Moderator forum

    Wiadomości:
    231
    Docenione treści:
    34
    @tazz widzę, że skopiowałeś mój link w całości tutaj jest błąd, ponieważ /rwd_clickshop_3 to nazwa kopi w Twoim sklepie która jest wymuszona.
    Zrób tak:
    - przejdź do plików graficzych,
    - odszukaj obrazka fb2.png,
    - najedź na niego i przyciśnij PPM -> pokaż obraz (w pasku przeglądarki dostaniesz poprawny link) :)
     
    tazz lubi to.
  10. PetitRoyal

    PetitRoyal Nowy użytkownik

    Wiadomości:
    1
    Docenione treści:
    0
    Witam

    Potrzebuje pomocy w temacie dodania ikon społecznościowych na pasku nawigacji.
    Wszystko wykonałam zgodnie z wcześniejszymi instrukcjami jednak po zapisaniu zmian na stronie sklepu pojawiają mi się tylko 2 niebieskie kwadraciki- bez grafik fb i insta.
     
  11. LukaszC

    LukaszC eCommerce Team home.pl Moderator forum

    Wiadomości:
    231
    Docenione treści:
    34
    @PetitRoyal podasz mi na PW jak zostały wstawione linki do zdjęcia ?
     

Poleć forum znajomym