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 Wysuwany moduł Facebook

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika LensEye, 8 Listopad 2016.

  1. LensEye

    LensEye Początkujący

    Wiadomości:
    8
    Docenione treści:
    0
    Witam,

    Mam kupioną gotową grafikę w home.pl w moim sklepie clickshop. Chce dodać do wysuwany moduł facebook według instrukcji na stronie:
    https://pomoc.home.pl/baza-wiedzy/wysuwany-modul-facebook-w-sklepie-click-shop/
    Gdy wklejam kod(wariant 2) do własnego stylu CSS wyskakuje mi komunikat:
    "Wystąpił błąd składniowy LESS zaczynając od linii: 1"
    W własnym stylu już jest kod kupionej grafiki, kod do wysuwanego modułu facebook próbowałem wklejać na koniec kody i na początku ale zawsze dostawałem komunikat o błędzie. Również jak chciałem zmienić coś w kodzie kupionej grafiki również dostaje komunikat o będzie składniowy LESS.
    Jak mogę dodać wysuwany moduł facebook do kupionej grafiki?
     
  2. Mariusz

    Mariusz BOK home.pl home.pl

    Wiadomości:
    1 353
    Docenione treści:
    163
    Hm, spróbowałbym usunąć pierwsze 8 linii kodu, które znajdziesz w opcji menu: "Konfiguracja" -> "Wygląd" -> "Aktywny styl graficzny" -> "Własny styl CSS". Przed usunięciem pierwszych ośmiu linii kodu, warto sobie ten kod zapisać gdzieś w notatniku, aby później go przywrócić, jeśli coś się przez to popsuje. Daj znać na forum czy usunięcie pomogło.
     
  3. LensEye

    LensEye Początkujący

    Wiadomości:
    8
    Docenione treści:
    0
    usunięci 8 linii pomogła ale usunęło mi kolor belki górnej w sklepie i po zmieniało kolory. Ale zauważałem ze komunikat o błędzie nie pojawia się gdy kliknę "zapisz i wróć do listy". W kleiłem kod z wariat 2 po 8 linii, na końcu kody i za każdy razem modyfikuje mi wygląd sklepu.
    Co jest powodem tego że kod po wklejeniu do własnego stylu css modyfikuje mi wygląd sklepu ?
     
  4. TheL

    TheL @Wyróżniony VIP Moderator

    Wiadomości:
    1 752
    Docenione treści:
    329
    jakaś klasa ze sklepowych może być zastępowana, przez co może wpływać na zmianę wyglądu.
    jeśli mamy błąd składni to warto sobie go poprawić, gotowe wyglądy widzę są nieco inaczej zbudowane i takie rzeczy się zdarzają, wtedy składnię less należy zastąpić zwykłym kodem css.

    ps. widzę, że w pomocy home jest mój facebook :D i to jak dawno dodany :D
     
    Mariusz lubi to.
  5. Mariusz

    Mariusz BOK home.pl home.pl

    Wiadomości:
    1 353
    Docenione treści:
    163
    @LensEye wklej proszę te 8 linii kodu tutaj na forum. Zobaczymy co da się z tym zrobić, podpowiemy co zmienić.
     
  6. LensEye

    LensEye Początkujący

    Wiadomości:
    8
    Docenione treści:
    0
    poniżej 8 linii kodu mojego sklepu:

    /*
    @zielony:#92CB04;
    @ramki: #e5e5e5;
    @pomarancz: #FE8B1E;
    @bladazielen:#D2D2AE;
    */
    @import "styles.less";
    @widgetW: 288px;
     
  7. TheL

    TheL @Wyróżniony VIP Moderator

    Wiadomości:
    1 752
    Docenione treści:
    329
    i wszystko jasne :D
    aby poprawnie to działało nie edytuj stylu we własny styl, ale w edycja zaawansowana edytuj plik user.css.
    Zapomnij o istnieniu opcji własny styl css, dla Ciebie jest plik user.css który jest dokładnie tym samym co własny styl css ale normalnie można w nim zapisywać składnię less :)
     
    Mariusz lubi to.
  8. LensEye

    LensEye Początkujący

    Wiadomości:
    8
    Docenione treści:
    0
    Niestety nadal jak wklejam poniższy kod do pliku user.css modyfikuje mi grafikę sklepu:

    @media (max-width: 800px){
    #facebook {
    width: 210px;
    visibility:hidden;
    height: 290px;
    position: fixed;
    top: 250px;
    background-color: #fff;
    border: 5px solid #3B5997;
    right: -230px;
    z-index: 50
    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;
    }}
    @media (min-width: 800px){
    #facebook {
    width: 210px;
    height: 290px;
    position: fixed;
    top: 250px;
    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-f-Logo__blue_29.png');
    position: absolute;
    left: -45px;
    top: -5px;
    cursor: pointer;
    }
    #facebook:hover {
    right: 0;}
    }

    Czy kod muszę wkleić w konkretnym miejscu? próbowałem na końcu i na początku i efekt był ten sam.
     
  9. TheL

    TheL @Wyróżniony VIP Moderator

    Wiadomości:
    1 752
    Docenione treści:
    329
    a zostawiasz linie które wcześniej były?
    dokładnie ten kod nie ma prawa zmodyfikować wyglądu strony.
    Podeślij mi na priv adres sklepu.
     
  10. LensEye

    LensEye Początkujący

    Wiadomości:
    8
    Docenione treści:
    0
    Nic nie usuwam z kodu user.css. tylko dodałem powyższy kod
     
  11. TheL

    TheL @Wyróżniony VIP Moderator

    Wiadomości:
    1 752
    Docenione treści:
    329
    podeślij adres strony sam to sprawdzę.
     
  12. LensEye

    LensEye Początkujący

    Wiadomości:
    8
    Docenione treści:
    0
    moja strona:
    lenseye.pl
     
  13. TheL

    TheL @Wyróżniony VIP Moderator

    Wiadomości:
    1 752
    Docenione treści:
    329
    Jak dotrę do domu sprawdzę co Ci tam nie gra, ważne aby był wstawiony kod js facebooka w odpowiednie miejsce, resztę sobie zobaczę.
     
  14. LensEye

    LensEye Początkujący

    Wiadomości:
    8
    Docenione treści:
    0
    Poniższy kod js facebooka jest wklejony do własnego kod js na samym końcu 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'));
     
  15. TheL

    TheL @Wyróżniony VIP Moderator

    Wiadomości:
    1 752
    Docenione treści:
    329
    wg mnie nie masz zrobionego do końca wszystkiego tak jak w opisie, posprawdzałem to na różne sposoby w Twoim sklepie i czegoś cały czas brakuje, nie jestem w stanie zidentyfikować przyczyny ponieważ mam dostęp jedynie do frontu sklepu, ale sprawdź jeszcze raz czy wszystko poprawnie robisz.
    Jeśli ten styl modyfikuje Ci wygląd oznacza, że gdzieś indziej jest błąd.
    kod dodaje jedynie klasy których nie ma w sklepie.
     
  16. LensEye

    LensEye Początkujący

    Wiadomości:
    8
    Docenione treści:
    0
    jak zrobiłem według wariantu pierwszego ze strony: https://pomoc.home.pl/baza-wiedzy/wysuwany-modul-facebook-w-sklepie-click-shop/. Wszystko działa. Posprawdzałem wszystko czy dobrze wklejam z wariant 2 i nadal modyfikuje wygląd sklepu. Modyfikacja następuję tylko gdy mam wklejony kod css z wariantu 2. Gdy go usuwam mając wprowadzony z wariantu 2 kod js i zmodyfikowany bod_head.tpl grafika sklepu jest ok ale bez kodu css modułu wysuwany facebooka nie działa jest tylko na stałe wysunięte okno z facebooka z prawej strony. Obecnie zostawiam wariant 1, gdyż nie wiem co w kodzie css z wariaty2 powoduje te zmiany.
     
  17. Słoik

    Słoik Aktywny user

    Wiadomości:
    76
    Docenione treści:
    10
    A ja mam trochę inny problem. Mam zaimplementowany wariant 2 i np na tabletach zakładka fb jest wyświetlana ale nie reaguje na dotyk/kliknięcie. Na większych rozdzielczościach jest ok. Próbowałem zmieniać ustawienia rozdzielczości w @media ale jedyne co osiągnąłem to zniknięcie zakładki na tablecie. Co wpływa na "klikalność" czy aktywność zakładki na tablecie?
     
  18. TheL

    TheL @Wyróżniony VIP Moderator

    Wiadomości:
    1 752
    Docenione treści:
    329
    stylowi od FB daj np:
    z-index:1000;
     
  19. Słoik

    Słoik Aktywny user

    Wiadomości:
    76
    Docenione treści:
    10
    Niestety to nie pomogło.
    Jeżeli dobrze rozumiem, z-index ustawia kolejność widoczności "warstw". A zakładka FB była już widoczna ale nie reagowała na dotyk na ekranie tabletu. Chyba, że jest jakaś przezroczysta warstwa, o jeszcze wyższym indeksie?
     
  20. Słoik

    Słoik Aktywny user

    Wiadomości:
    76
    Docenione treści:
    10
    @TheL masz może jakiś pomysł?
     

Poleć forum znajomym