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

Witam, jak zwiększyć rozmiar czcionki opisu na karcie produktu? Zaczynam chyba gorzej widzieć

 

Potrzebuję linka do sklepu internetowego, np. do przykładowej karty produktu, dla której chcesz zwiększyć czcionkę w opisie.

 

Przykładowa karta produktu
http://sklep-ewa.pl/album-do-scrapbookingu-heyda-niebieski-czarny

 

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

 

Tego się obawiałem, ale dziękuję za pomoc.

 

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.

 

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.

 

@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

 

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.

 

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:

Code:

.description {font-size:10px;}

zmieni to nam wielkość czcionki na taką o wielkości 10 pixeli

Code:

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

 

@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:

Code:

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

Code:

.product-tabs {color:#cc3399;}

 

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

 

Oczywiście, że TheL znajdzie rozwiązanie, wczoraj nie dałem rady czasowo
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:

Code:

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

 

Widok bez zakładek

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

Code:

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

 

Niestety nie działa mi kod autorstwa TheL w widoku z zakładkami, czy macie może pomysł dlaczego?

 

podaj adres strony, ponieważ specjalnie na gołej skórce RWD to sprawdzałem i działa

 

Mam pytanie czy te kody dalej działają i w której sekcji css ten kod wklejić?

 

Kod należy wkleić do Własny styl CSS w Panelu sklepu. Przed próbami modyfikacji sugeruję zapoznać się z tym artykułem w naszej pomocy: https://pomoc.home.pl/baza-wiedzy/wprowadzenie-do-edycji-zaawansowanej-skorki-sklepu-click-shop/

 

Czy ktoś może potwierdzić działanie tego kodu? Używam wersji z zakładkami. U mnie nie działa...

Mój sklep:
https://sklep.odkurzacze-centralne.org/

Pozdrawiam!

 

to kod dla wersji bez zakładek