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

Jak zmienić rozmiar i kolor czcionki nazwy produktu?

Dyskusja w 'Zmiana wyglądu sklepu i edycja zaawansowana' rozpoczęta przez użytkownika MagdaM, 15 Czerwiec 2015.

  1. MagdaM

    MagdaM Uczestnik

    Wiadomości:
    29
    Docenione treści:
    1
    Jeżeli nazwa produktu jest dłuższa, to na stronie w kategoriach nie widać 3 linijki nazwy. Czy można:
    a) zmniejszyć czcionkę?
    b) zasugerować, że nazwa produktu jest skrócona?
     
    MagdaM, 15 Czerwiec 2015
    #1
  2. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    Zgłoszone, daj nam chwilę na weryfikację.
     
    Grzesiek, 15 Czerwiec 2015
    #2
  3. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    Kod CSS odpowiedzialny za zmianę rozmiaru nazwy produktu na liście produktów:


    Kod:
    .products.viewphot .product .productname {
    font-size: 1.5em;
    height: 3em;
}
.products.viewphot .product .productname {
    padding-top: 0;
}
    Kod do wstawienia w Konfiguracja --> Wygląd --> Aktywny styl graficzny --> Własny kod CSS

    @MagdaM zajrzyj do sklepu i sprawdź czy rozwiązanie jest ok.
     
    Grzesiek, 15 Czerwiec 2015
    #3
  4. MagdaM

    MagdaM Uczestnik

    Wiadomości:
    29
    Docenione treści:
    1
    Dziękuję! Jest OK. :)
     
    MagdaM, 19 Czerwiec 2015
    #4
  5. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Warto do określania jakiej klasy używa dany element sklepu używać wtyczki do Firefoxa o nazwie Firebug. Dzięki temu określimy co odpowiada za dany element, a następnie zgodnie z tym co napisał Grzesiek, we własnym stylu CSS możemy umieścić nasze zmiany.
    Możemy iść jeszcze dalej i zmodyfikować pliki skórki (tą metodę sam stosuję), dzięki temu można już zrobić właściwie wszystko łącznie z przestawianiem elementów gdzie chcemy.
     
    TheL, 14 Lipiec 2015
    #5
  6. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    Pracujemy nad małym poradnikiem dotyczącym edycji CSS, w tym z uwzględnieniem kodu sklepu, jednak jest to na tyle rozległy temat, że trudno będzie "zadowolić" wszystkich, oczywiście w tym pozytywnym znaczeniu. W przypadku bieżących pytań, łatwiej opracować plan. Edycja nie jest trudna, ale wymaga podstaw tematu.

    Tak jak napisał @TheL, najlepiej zacząć od dodatku do FireFox tj Firebug lub od razu skorzystać z Zbadaj element w Chrome. W ten sposób identyfikujemy obszar strony i fragment jej kodu. Następie kopiujemy, zmieniamy i wklejamy do własnego stylu CSS w sklepie... proste :D

    Dobra, jak będziecie mieli pytania, to czekamy :)
     
    Grzesiek, 14 Lipiec 2015
    #6
  7. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    W przypadku korzystania ze standardowej skórki sklepu, np. lekka czerwona można skorzystać z poniższego kodu CSS, który zmienia rozmiar i kolor czcionki dla wszystkich opisów produktów. Konfiguracja nie dotyczy skórki RWD (responsywnej).

    Konfiguracja -->Wygląd --> Aktywny styl graficzny --> Własny styl CSS:

    Dodajemy:

    Kod:
    .description {font-size:10px;}
    zmieni to nam wielkość czcionki na taką o wielkości 10 pixeli
    Kod:
    .description {font-size:10px;color:#999999;}
    zmieni nam wielkość czcionki na 10 pixeli oraz kolor na #999999

    Uwaga! Powyższa zmiana będzie miała też wpływ na wielkość CAŁEGO opisu produktu. Jeśli taka zmiana nie będzie dla Was satysfakcjonująca proszę opiszcie jak byście chcieli to widzieć to zrobimy modyfikację.
    Uwaga2. Jeśli ustawimy wielkość czcionki w edytorze to powyższa zmiana nie zrobi nam dokładnie wielkości i takiej jaką ustalimy, ewentualnie zmniejszy/zwiększy trochę czcionkę. W przypadku zmiany koloru, jeśli ustalimy w opisie produktu kolor czcionki, powyższa modyfikacja go nie zmieni.
     
    Last edited by a moderator: 15 Lipiec 2015
    TheL, 15 Lipiec 2015
    #7
  8. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 660
    Docenione treści:
    333
    @TheL poczekaj, to jest kod dla skórki standardowej, nie RWD. A cały problem rozchodzi się właśnie o skórkę RWD.
    Sprawdź jeszcze raz teraz, dokonałem zmiany.

    P.S. Chyba nie w tym wątku piszemy :)
     
    Grzesiek, 15 Lipiec 2015
    #8

Poleć forum znajomym