ROZWIĄZANE Tło sklepu

Discussion in 'Sklep internetowy eSklep' started by banan, Oct 19, 2016.

  1. banan

    banan Stały bywalec

    Messages:
    36
    Likes Received:
    2
    Witam,

    Czy ma ktoś może jakiś pomysł, jak w sklepie zmienić tło? Nie chodzi tu o tło nagłówka ale o tło tego co jest poniżej. W edytorze stylu da się zmienić kolor tła, ale ja chciałbym zamiast koloru mieć jakąś tapetę. Jest taka możliwość?
     
  2. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    @banan powinna być możliwość wstawienia obrazka do tła sklepu. Próbowałbym za pomocą takiego kodu CSS (nalezy go tylko odpowiednio zmodyfikować: podać poprawny adres do twojego obrazka, określić czy tło ma być powtarzane (w osi X lub w osi Y - czyli pionowo czy poziomo) oraz określić jego położenie (np. middle top):
    Code:
    background: #ffffff url("img_tree.png") no-repeat middle top;
    Więcej informacji oraz instrukcji na ten temat znajdziesz tutaj: http://www.w3schools.com/css/css_background.asp
     
  3. banan

    banan Stały bywalec

    Messages:
    36
    Likes Received:
    2
    A poradzisz jeszcze gdzie ten kod wprowadzić?
     
  4. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    banan likes this.
  5. pawel

    pawel Bystrzak

    Messages:
    61
    Likes Received:
    0
    a gdzie musi znależć sie obrazek żeby to zadzailało
     
  6. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    @pawel plik graficzny tła możesz umieścić na swoim serwerze (na tym samym, na którym znajduje się sklep internetowy). Możesz to zrobić przez program FTP (który pozwala połączyć się z serwerem) lub przez Panel sklepu: po przejściu do opcji menu: "Konfiguracja" -> "Wygląd" -> "Aktywny styl graficzny" -> "Pliki graficzne". Po wysłaniu pliku graficznego na serwer, będziesz mógł odwołać się do tego pliku za pomocą takiego linku: ../images/nazwa_pliku.png
     
  7. TheL

    TheL @Lider VIP Beta-tester

    Messages:
    2,403
    Likes Received:
    535
    Polecam zrobienie tła jako fixed, wygląda to często o wiele lepiej:
    Code:
    body { background:url(obrazek.jpg) top right no-repeat; background-attachment:fixed; }
    
     
  8. Tomek333

    Tomek333 Ulubieniec

    Messages:
    196
    Likes Received:
    6
    Jak zmienić białe tło strony w szablonie RWD na czarne bo nie ma opcji takiej do wyboru w ustawieniach ?
     
    Last edited: Oct 25, 2016
  9. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    @Tomek333 najłatwiejszą metodą będzie skorzystanie z kodu (należy wkleić go do "Własny styl CSS"):

    Code:
    body {
    background-color: #000!important;
    }
    Nie jest to idealne rozwiązanie, ale najłatwiejsze. Kod ten spowoduje tylko zmianę tła w sklepie. Oznacza to, że inne elementy sklepu również należałoby sprawdzić i poprawić, ponieważ cały szablon jest raczej przystosowany do białej stylistyki. Instrukcje jak zbadać elementy za pośrednictwem przeglądarki internetowej, aby móc poznać nazwy odpowiednich klas znajdziesz pod tym adresem: https://pomoc.home.pl/baza-wiedzy/wprowadzenie-do-edycji-zaawansowanej-skorki-sklepu-click-shop/ (przedstawiamy w tym artykule jak korzystać z funkcji "zbadaj element" w przeglądarce internetowej, aby mieć możliwość przygotowania odpowiedniego kodu CSS ze zmianami.
     
    Tomek333 likes this.
  10. Tomek333

    Tomek333 Ulubieniec

    Messages:
    196
    Likes Received:
    6
    Mi się sprawdziło dzięki :) Jedyne co się nie udało i chciałbym poprawić to widocznosć nazw kategori (1) na podstronach z wyjątkiem strony głównej.
    upload_2016-10-26_2-25-20.png
     
    Last edited: Oct 26, 2016
  11. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    Nie widzę cyfry jeden (1) na zrzucie ekranu. Czy jesteś pewny, że poprawny załącznik dodałeś? Proszę o potwierdzenie, bo nie jestem pewny, który element chcesz poprawić.
     
  12. Tomek333

    Tomek333 Ulubieniec

    Messages:
    196
    Likes Received:
    6
  13. pawel

    pawel Bystrzak

    Messages:
    61
    Likes Received:
    0
    Zobacz na stronkę www.drewex.sklep.pl .Jak pozaokraglać narożniki?i żeby tło menu było widoczne na stałe a ni po najechaniu myszką
     
  14. pawel

    pawel Bystrzak

    Messages:
    61
    Likes Received:
    0
    Kombinuje coś sam a chciałbym docelowo uzyskać efekt menu jako osobne zaokrąglone pola o bliałym lub kolorowym tle
     
  15. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    @Tomek333 niestety wyłączyłeś sklep, ale z pamięci napiszę, że kod chyba będzie taki:
    Code:
    h1.category-name {color:#fff; }
    Sprawdź dokładnie czy czegoś nie przegapiłeś, ponieważ Google nie lubi tekstów, które mają taki sam kolor jak tło. Poza tym szkoda by było, jeśli przez przypadek ukryte zostały inne teksty, które od początku mają czarny kolor czcionki :)
     
  16. pawel

    pawel Bystrzak

    Messages:
    61
    Likes Received:
    0
    A kolor czcionki można jakoś zmienić ?Potrzebuje biały.Zmieniłem tło strony i niektóre rzeczy są mniej widoczne
     
  17. Tomek333

    Tomek333 Ulubieniec

    Messages:
    196
    Likes Received:
    6
    @Mariusz No tak wyłączyłem aby dokonać zmian aby go nie indeksowało na razie żeby poptem nie bawić się w te regułki :)
     
    Mariusz likes this.
  18. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    Skorzystaj z instrukcji zawartych w tym artykule: https://pomoc.home.pl/baza-wiedzy/wprowadzenie-do-edycji-zaawansowanej-skorki-sklepu-click-shop/

    Znajdziesz w nim informacje jak korzystać z funkcji "zbadaj element" w przeglądarce. Pozwala ona poznać nazwę klasy dla wybranej czcionki i na tej podstawie utworzyć odpowiedni kod do "Własny styl CSS", np. poniższy kod spowoduje zmianę koloru czcionki na białą dla klasy "h1.nazwa-klasy" (nazwę poznasz dzięki funkcji "zbadaj element").
    Code:
    h1.nazwa-klasy {color:#fff; }
     
  19. pawel

    pawel Bystrzak

    Messages:
    61
    Likes Received:
    0
    Czy można usunąć całkiem ten czarny pasek z góry strony?
     
  20. pawel

    pawel Bystrzak

    Messages:
    61
    Likes Received:
    0

Share This Page