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 Tło sklepu

Dyskusja w 'Sklep internetowy eSklep' rozpoczęta przez użytkownika banan, 19 Październik 2016.

  1. banan

    banan Stały bywalec

    Wiadomości:
    36
    Docenione treści:
    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

    Wiadomości:
    3 087
    Docenione treści:
    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):
    Kod:
    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

    Wiadomości:
    36
    Docenione treści:
    2
    A poradzisz jeszcze gdzie ten kod wprowadzić?
     
  4. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    302
    banan lubi to.
  5. pawel

    pawel Bystrzak

    Wiadomości:
    61
    Docenione treści:
    0
    a gdzie musi znależć sie obrazek żeby to zadzailało
     
  6. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    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

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

    Tomek333 Ulubieniec

    Wiadomości:
    196
    Docenione treści:
    6
    Jak zmienić białe tło strony w szablonie RWD na czarne bo nie ma opcji takiej do wyboru w ustawieniach ?
     
    Ostatnia modyfikacja: 25 Październik 2016
  9. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    302
    @Tomek333 najłatwiejszą metodą będzie skorzystanie z kodu (należy wkleić go do "Własny styl CSS"):

    Kod:
    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 lubi to.
  10. Tomek333

    Tomek333 Ulubieniec

    Wiadomości:
    196
    Docenione treści:
    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
     
    Ostatnia modyfikacja: 26 Październik 2016
  11. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    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

    Wiadomości:
    196
    Docenione treści:
    6
  13. pawel

    pawel Bystrzak

    Wiadomości:
    61
    Docenione treści:
    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

    Wiadomości:
    61
    Docenione treści:
    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

    Wiadomości:
    3 087
    Docenione treści:
    302
    @Tomek333 niestety wyłączyłeś sklep, ale z pamięci napiszę, że kod chyba będzie taki:
    Kod:
    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

    Wiadomości:
    61
    Docenione treści:
    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

    Wiadomości:
    196
    Docenione treści:
    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 lubi to.
  18. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    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").
    Kod:
    h1.nazwa-klasy {color:#fff; }
     
  19. pawel

    pawel Bystrzak

    Wiadomości:
    61
    Docenione treści:
    0
    Czy można usunąć całkiem ten czarny pasek z góry strony?
     
  20. pawel

    pawel Bystrzak

    Wiadomości:
    61
    Docenione treści:
    0

Poleć forum znajomym