ROZWIĄZANE Wysuwany moduł Facebook

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?

 

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.

 

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 ?

 

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 i to jak dawno dodany

 

@LensEye wklej proszę te 8 linii kodu tutaj na forum. Zobaczymy co da się z tym zrobić, podpowiemy co zmienić.

 

poniżej 8 linii kodu mojego sklepu:

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

 

i wszystko jasne
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

 

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.

 

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.

 

Nic nie usuwam z kodu user.css. tylko dodałem powyższy kod

 

podeślij adres strony sam to sprawdzę.

 

moja strona:
lenseye.pl

 

Jak dotrę do domu sprawdzę co Ci tam nie gra, ważne aby był wstawiony kod js facebooka w odpowiednie miejsce, resztę sobie zobaczę.

 

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'));

 

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.

 

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.

 

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?

 

stylowi od FB daj np:
z-index:1000;

 

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?

 

@TheL masz może jakiś pomysł?