ROZWIĄZANE Rozmiar i kolor opisu produktu - skórka standard/RWD

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

  1. chorg

    chorg Bystrzak

    Wiadomości:
    63
    Docenione treści:
    9
    Witam, jak zwiększyć rozmiar czcionki opisu na karcie produktu? Zaczynam chyba gorzej widzieć :)
     
  2. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    302
    Potrzebuję linka do sklepu internetowego, np. do przykładowej karty produktu, dla której chcesz zwiększyć czcionkę w opisie.
     
  3. chorg

    chorg Bystrzak

    Wiadomości:
    63
    Docenione treści:
    9
  4. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    302
    @chorg po konsultacjach oraz poszukiwaniu alternatywnego rozwiązania, chciałbym poinformować, że opis na karcie produktu możemy formatować tylko samodzielnie. Dodajemy treść i wybieramy jaki tekst ma mieć "krój" (np. rozmiar, kolor itd.). Niestety, ale nie można zdefiniować globalnie wielkości czcionki dla opisu w karcie produktu. Można to tylko zrobić przez edytor podczas dodawania/edytowania produktu.
     
  5. chorg

    chorg Bystrzak

    Wiadomości:
    63
    Docenione treści:
    9
    Tego się obawiałem, ale dziękuję za pomoc.
     
  6. Dominik

    Dominik Opiekun

    Wiadomości:
    176
    Docenione treści:
    27
    Możesz też wyeksportować opisy przez centrum wymiany danych i w Excelu zmienić formatowanie tekstu dla wszystkich opisów (ctrl + h o ile masz w opisie jakikolwiek stały kod html - tzn. identyczny we wszystkich opisach (np. <p>), a jeśli nie, to:
    dodajesz kolumnę przed opisem, tam wklejasz kod formatowania tekstu
    obydwie kolumny wybierasz i kopiujesz
    "Wklejasz specjalnie" do Worda (bez formatowania).
    Musisz się pozbyć znaku tabulacji między kodem a opisem - ctrl + h klikasz na "specjalne" wybierasz "znak tabulacji" a w polu zamień na dajesz spację.
    Klikasz zamień wszystko.
    Wybierasz wszystko i przeklejasz z powrotem do excela w kolumnę opis.
    Kolumnę z kodem kasujesz.

    I masz opis sformatowany we wszystkich produktach - pozostaje zaimportować przez centrum wymiany danych.
     
  7. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    i tak i nie :) można to zrobić edytując kod odpowiedzialny za wyświetlenie opisu i tam dodając odpowiedni styl. W sumie dość prosta sprawa, jednak tu warto grzebać mając jakąś wiedzę z zakresu html, js oraz css.
     
  8. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 659
    Docenione treści:
    331
    @TheL nie przewidujemy zamykać forum, wręcz przeciwnie, nasza "ściana płaczu" zaczyna sama przypominać forum, bo coraz więcej pomysłów dochodzi. Dlatego szczerze zachęcam Cię do wklejenia gotowego kodu... masz czas ;)
     
  9. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Dziś już nie mam czasu, zaraz wracam do domu :) jutro Wam wkleję co należy dokładnie wkleić i gdzie.
    Na początku myślałem, że możliwości edycyjne są bardzo małe, ale okazuje się, że są ogromne tylko z braku możliwości wyszukania fragmentu tekstu we wszystkich plikach templatki na raz jest to czasochłonne.
     
    Mariusz lubi to.
  10. 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.
     
    Grzesiek i Mariusz lubią to.
  11. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 659
    Docenione treści:
    331
    @TheL przenoszę wątek tutaj. Jak kolega napisał:


    Modyfikacja dotycząca skórki RWD:

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

    Dodajemy:
    Kod:
    .product-tabs {font-size:19px;color:#cc3399;line-height:19px;}
    zmienimy tym wielkość czcionki na 19 pikseli, kolor na #cc3399 oraz ustalimy odstęp między wierszowy również na 19 pikseli (na to warto zwrócić uwagę)

    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ę.
    Uwaga! 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.

    --- Komentarz home.pl ---

    Powyższy kod działa tylko w przypadku włączenia widoku karty produktu z zakładkami
    Konfiguracja --> Wygląd --> Aktywny styl graficzny --> Szczegóły produktu --> Widok z zakładkami (TAK)

    Ze względu na złożoność kodu, powyższy kod sugeruję stosować tylko w odniesieniu do zmiany koloru. Dodanie zmiennych dot. rozmiaru czcionki, powoduje także zmianę jej rozmiaru w zakładkach Dane techniczne, Produkty powiązane, Opinie o produkcie.

    Dla zmiany koloru czcionki w opisie, z aktywnym widokiem z zakładkami, dla stylu RWD polecamy korzystać z kodu:

    Kod:
    .product-tabs {color:#cc3399;}
     
  12. Grzesiek

    Grzesiek Centrum Pomocy home.pl

    Wiadomości:
    3 659
    Docenione treści:
    331
    @chorg zobacz na wskazane rozwiązania, na chwilę obecną to co napisał Mariusz wynika z funkcjonalności skórki RWD. @TheL wskazał inne rozwiązanie, jedno dla skórki standardowej, drugie dla RWD (zmodyfikowałem je nieco). Jeśli się uda, być może pojawi się trzecie, dla widoku bez zakładek, tu powinno być prościej, ale oddaje to w ręce @TheL jeśli zechce coś wymyślić nowego.


    Zapoznaj się w/w informacjami.
     
  13. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Oczywiście, że TheL znajdzie rozwiązanie, wczoraj nie dałem rady czasowo :D
    Aby zmienić sam opis bez pozostałych kart należy we własnym stylu dodać (dotyczy templatki RWD):

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


    Kod:
    #tabs_sz {font-size:15px;color:#66cc33;line-height:17px;}
    Czym ustawimy wielkość czcionki na 15 pikseli, kolor na #66cc33 oraz odstęp międzywierszowy na 17 pikseli.

    Dotyczy to widoku z zakładkami, pracuję właśnie nad widokiem bez zakładek, niedługo wstawię rozwiązanie.
     
    Ostatnia modyfikacja: 16 Lipiec 2015
    Grzesiek lubi to.
  14. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    Widok bez zakładek

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

    Kod:
    #box_description {font-size:15px;color:#66cc33;line-height:17px;}
    Czym ustawimy wielkość czcionki na 15 pikseli, kolor na #66cc33 oraz odstęp międzywierszowy na 17 pikseli.
     
    Słoik i Grzesiek lubią to.
  15. LLukasz

    LLukasz Bywalec

    Wiadomości:
    15
    Docenione treści:
    3
    Niestety nie działa mi kod autorstwa TheL w widoku z zakładkami, czy macie może pomysł dlaczego?
     
  16. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    podaj adres strony, ponieważ specjalnie na gołej skórce RWD to sprawdzałem i działa :)
     
  17. donito

    donito Nowy użytkownik

    Wiadomości:
    3
    Docenione treści:
    0
    Mam pytanie czy te kody dalej działają i w której sekcji css ten kod wklejić?
     
  18. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Wiadomości:
    3 087
    Docenione treści:
    302
  19. vonmlody

    vonmlody Stały bywalec

    Wiadomości:
    39
    Docenione treści:
    2
  20. TheL

    TheL @Lider VIP Beta-tester

    Wiadomości:
    2 403
    Docenione treści:
    535
    to kod dla wersji bez zakładek
     

Poleć forum znajomym