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

ROZWIĄZANE Jak dodać numer telefonu na pasku na samej górze sklepu?

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika Julita, 11 Listopad 2015.

  1. Julita

    Julita Zaglądacz

    Wiadomości:
    11
    Docenione treści:
    1
    Witam :) widzę, że trafiłam wreszcie w dobre miejsce :) Przeszukałam sporo internetu, jestem samoukiem, umiem zrobić proste strony ale mam problem z konfiguracją sklepu w clickshop ;) Otóż chciałabym w pasku na samej górze - w linii ZAREJESTRUJ i ZALOGUJ - dodać obrazek telefonu i numer telefonu. Telefon dodałam ale jest on w tym samym kolorze co kolor tła więc jest niewidzialny i nie mam pojęcia jak zmienić aby tylko ten kolor się zmienił a nie pozostałe w sklepie, które mają pozostać ciemne, no i jak dodać ikonkę telefonu :( Będę wdzięczna za wszelkie sugestie. To link do mojego sklepu: https://strongnature.pl/
     
  2. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    302
    @Julita witam na naszym forum ;)! bardzo dobrze, że do nas trafiłaś. Tematy dotyczące umieszczania dodatkowych elementów w pasku, który wymieniłaś jako linia zarejestruj i zaloguj, są dość popularne na naszym forum. Poniżej przytoczę temat z naszego forum, który powinien Cię zainteresować oraz co najważniejsze nakierować jak dodać numer telefonu w miejscu, w którym sobie życzysz.

    https://forum.home.pl/threads/umiejscowienie-modulu-z-jezykami.254/

    Plik, który powinnaś zmodyfikować, aby dodać taki numer telefonu to: body_head.tpl

    P.S.
    Aby móc edytować pliki wybranego szablonu, należy wykonać kopię wybranego szablonu w panelu sklepu Click Shop i następnie przejść do edycji plików dla kopii szablonu. Edycja plików nie jest możliwa bez zrobienia kopii wybranego szablonu.

    Kod:
    <ul class="links right inline">
    {if true == $user_logged}
    <li class="hello">
    {translate key="Hello"} <b>{$user->user->getName()|escape}</b>
    </li>
    w pliku body_head.tpl znajdź powyższy kod i zamień go na:
    Kod:
    <ul class="links right inline">
    <li>
    <a href="/kontakt/" title="Kontakt z nami" style="font-color:#fff; font-weight:bold; margin-top:3px;">
    Tel.: 731-488-232
    </a>
    </li>
    {if true == $user_logged}
    <li class="hello">
    {translate key="Hello"} <b>{$user->user->getName()|escape}</b>
    </li>
    

    Przyznaję, że moja propozycja kodu nie powoduje wyświetlania ikony z telefonem. Zamiast tego jest napis "Tel.:". Sprawdź czy takie rozwiązanie Ci odpowiada i daj nam znać na forum. Poniżej przedstawiam jaki będzie efekt zaproponowanych przez ze mnie zmian:

    numer-tel-click.png
     
    Julita, kolukas oraz sexylingerie.pl lubią to.
  3. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Ikonę z telefonem można dodać jako web-font. Polecam zajrzeć tutaj:
    https://forum.home.pl/threads/czy-mozna-dodac-wlasne-fonty-do-sklepu.456/#post-2674

    Wówczas "motyw telefonu" będzie jako "czcionka-znak" i szybko załatwi temat.
     
    Mariusz lubi to.
  4. trifit.pl

    trifit.pl Bywalec

    Wiadomości:
    16
    Docenione treści:
    1
    Wszystko jest OK do momentu zalogowania się - wtedy pojawia mi się takie paskudne czarne powitanie :)
    upload_2015-11-16_18-25-46.png
    Jak to zmienić?

    Pozdrawiam,
    MIchał
     
  5. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Zmienić czy usunąć?

    Jak chcesz ikonkę zamiast słowa "tel." - wybierz tutaj ---> http://fontello.com/ i zapisz na dysku, co trzeba. Potem podpowiemy, co trzeba dalej zrobić.
     
    Ostatnia modyfikacja: 16 Listopad 2015
  6. trifit.pl

    trifit.pl Bywalec

    Wiadomości:
    16
    Docenione treści:
    1
    Raczej zmienić ale możesz też podać receptę na usunięcie :)

    Poproszę również o rozwinięcie drugiego tematu.

    Pozdrawiam,
    Michał
     
  7. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98
    Spróbuj tak:
    Kod:
    .hello {
    
    color: #FFFFFF   ;
    
    }
    "Maskę" koloru dopasuj wedle uznania - ja wstawiłem biały - zgodnie z nagłówkiem.

    ------------------------

    Drugi temat - wchodzisz na stronę, którą podałem - zaznaczasz dwie ikonki telefonu, które znajdziesz na tej liście długiej - klikasz 'download' (prawy górny róg) - ściągasz plik w formacie .zip, który rozpakowujesz u siebie na komputerze.
     
    trifit.pl lubi to.
  8. trifit.pl

    trifit.pl Bywalec

    Wiadomości:
    16
    Docenione treści:
    1
    Gdzie wstawić ten kod. Wstawiony po prostu w treść powoduje błąd strony :( i wywala, że nie rozpoznaje takiego tagu

    Pozdrawiam,
    Michał
     
  9. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    kod wstawiamy we własny styl CSS
     
    trifit.pl lubi to.
  10. trifit.pl

    trifit.pl Bywalec

    Wiadomości:
    16
    Docenione treści:
    1
    Działa :) dziękuję bardzo. Wiesz gdzie zmienia się lokalizację i wielkość hello?

    Pozdrawiam,
    Michał
     
  11. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    wielkość to tak jak kolor jako kolejny atrybut po znaku ; font-size:
    a lokalizację to nie bardzo rozumiem o co chodzi.
     
    trifit.pl lubi to.
  12. trifit.pl

    trifit.pl Bywalec

    Wiadomości:
    16
    Docenione treści:
    1
    teraz jest u góry, a chciałbym po środku tak jak jest zadzwoń, zarejestruj, zaloguj .
    Wartości:
    vertical-align : center;
    text-align : center;
    niestety tego nie ustawiają i wygląda to troszkę dziwnie :)
    upload_2015-11-18_10-54-12.png
     
  13. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    ale np padding-top lub margin-top powinny to rozwiązać :) po tym podajemy po : liczbę w px :)
     
    trifit.pl lubi to.
  14. trifit.pl

    trifit.pl Bywalec

    Wiadomości:
    16
    Docenione treści:
    1
    No i jest rozwiązanie - wszystko tak jak chciałem - dzięki raz jeszcze za pomoc :)
     
  15. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Jednak Panowie ja bym to zrobił tak:
    we własnym js:
    Kod:
    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.3";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
    
    we własnym css:
    Kod:
    
    
    #facebook {
    width: 210px;
    height: 290px;
    position: fixed;
    top: 199px;
    background-color: #fff;
    border: 5px solid #3B5997;
    right: -230px;
    z-index: 5;
    padding:5px;
    -webkit-transition: right 0.5s ease-out;
    -moz-transition: right 0.5s ease-out;
    -o-transition: right 0.5s ease-out;
    transition: right 0.5s ease-out;
    
    }
    #facebook:after{
    content: url('../images/user/fb.png');
    position: absolute;
    left: -45px;
    top: -5px;
    cursor: pointer;
    }
    
    #facebook:hover {
      right: 0;}
    
    w pliku body_head.tpl
    na samym końcu:
    Kod:
    <div id="facebook">
    <div class="fb-page" data-href="https://www.facebook.com/NASZLINK" data-width="220" data-height="250" data-hide-cover="true" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/NASZLINK"><a href="https://www.facebook.com/NASZLINK">NASZLINK</a></blockquote></div></div>
    </div>
    
    działa to szybko i sprawnie :D

    oczywiście content: url('../images/user/fb.png'); tu wpisujemy link do naszego napisu facebook :D
     
    bargo i trifit.pl lubią to.
  16. e-swiece

    e-swiece Nowicjusz

    Wiadomości:
    24
    Docenione treści:
    2
    chciałabym się dodać do tematu: jak oprócz numeru i ikonki telefony dodać wiecej info; czyli znaczek infolini i numer, tekst: wysyłka na cały świat i ikonki państw oraz moduł wyboru waluty?
    dzieki za pomoc
     
  17. e-swiece

    e-swiece Nowicjusz

    Wiadomości:
    24
    Docenione treści:
    2
     
  18. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    w takim skrypcie działającym z innego serwera nic nie pokombinujesz. Jest na forum przynajmniej 2 rozwiązania na facebooka :) w każdym z nich możesz zmienić dosłownie wszystko.
     
  19. trifit.pl

    trifit.pl Bywalec

    Wiadomości:
    16
    Docenione treści:
    1
    No to jeszcze jedno - jak usunąć z tego górnego paska "zarejestruj się"?
     
  20. Stau

    Stau Majster

    Wiadomości:
    340
    Docenione treści:
    98

Poleć forum znajomym