Zmiana tła w opisie przedmiotu

[pawel2020]

Witam czy ktoś wie jak zmanić i ustawić tło w opisie przedmiotu. Jak klikam zagadaj to nie ma możliwości zmiany tła w css. Jestem w stanie zmienić tło pod tekstem ale już jak chce zrobić dostęp to nie mogę ustawić tła.

 

Kod opisu wygląda tak.

<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"><span style="font-size: 12pt;"><span class="JsGRdQ" style="font-weight: bold; font-style: italic;">Cudowny zapach orchidei przeniesie Cię na</span><span class="JsGRdQ white-space-prewrap" style="font-weight: bold; font-style: italic;"> </span><span class="JsGRdQ" style="font-weight: bold; font-style: italic;">Hawaje. </span></span></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"><span class="JsGRdQ" style="font-weight: bold; font-style: italic; font-size: 12pt;">Beztroski czas wakacji na rajskiej wyspie zamknięty w tym </span></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"><span class="JsGRdQ" style="font-weight: bold; font-style: italic; font-size: 12pt;">cudownym zapachu. Rozpal i poczuj to.</span></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 1cm 3pt 0cm 0cm;"><span style="font-size: 10pt;">Twoja świeca będzie uwalniała zapach paląc się około 30 godzin.</span></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"><span style="font-size: 12pt;">Nasze świece wykonane są z bezpiecznego dla zdrowia wosku sojowego renomowanej, szwedzkiej marki AAK wolnego od zanieczyszczeń,</span></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"><span style="font-size: 12pt;">GMO, herbicydów, pestycydów. Każda świeca wykonana jest ręcznie z dbałością o najdrobniejsze szczegóły, żeby sprawić Ci 100% radości.</span></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"></p>
<h4 class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 1cm 3pt 1cm 0cm;">Instrukcje dotyczące użytkowania świec:</h4>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;">o<span style="white-space: pre;"> </span>Świeca powinna palic się co najmniej 1 godzinę, ale nie dłużej niż 3 godziny.</p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;">o<span style="white-space: pre;"> </span>Najlepszy efekt uzyskasz, kiedy knot będzie miał długość 5-6 mm.</p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;">o<span style="white-space: pre;"> </span>Przycinaj knot zawsze kiedy zajdzie taka potrzeba, ale tylko wtedy, gdy wosk jest już zimny.</p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;">o<span style="white-space: pre;"> </span>Przed kolejnym zapaleniem świecy warto poczekać, aż wosk ostygnie.</p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;">o<span style="white-space: pre;"> </span>Zapalaj swoja świece z dala od firan, zasłon i innych tekstyliów.</p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;">o<span style="white-space: pre;"> </span>Ustawiaj świece na podkładce lub materiale, który jest odporny na działanie ciepła.</p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;">o<span style="white-space: pre;"> </span>Nigdy nie zostawiaj świecy bez nadzoru i pamiętaj o bezpieczeństwie dzieci i zwierząt.</p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"><img src="https://www.lovebotany.pl/img/cms/13_1.png" alt="" width="1500" height="1000" /></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"><img src="https://www.lovebotany.pl/img/cms/7_1.png" alt="" width="1500" height="1500" /></p>
<p class="MsoNormal" style="line-height: 150%; background: #FFE1D6; margin: 0cm 3pt 0cm 0cm;"><img src="https://www.lovebotany.pl/img/cms/15_1.png" alt="" width="1500" height="1000" /></p>

 

Jak daje źródło opisu to tu jest możliwość zmiany koloru tylko nie mogę namierzyć lokalizacje w kodzie gdzie zmienić. 

Z góry dziękuje .

[endriu107]

Jak się kopiuje opisy to razem z stylami inlinowymi, w kodzie który wkleiłeś jest to tło background: #FFE1D6; więc musisz oczyścić opisy z kodu.

[pawel2020]

Witam może źle napisałem chce żeby opis miał to tło #FFE1D6 na całej stronie. Jak robię odstępy to robi się białe puste przestrzenie między liniami. 

[endriu107]

Dodaj do custom.css 

.product-description {
	background: kolor;
}

 

[pawel2020]

Witam bardzo dziękuje działa. A czy da się ustawić inny kolor tła do każdego produktu. ? Następnym razem pomyśle i zapytam o wszystko razem. 

[endriu107]

Technicznie się da, natomiast musiałbyś po stronie frontowej zrobić modyfikacje która nadawała by jakiś unikalny znacznik dla każdego produktu i wtedy w css możesz się odwołać do znacznika dowolnymi stylami.

[VACO Retail]

On 3/19/2021 at 4:04 PM, pawel2020 said:

Witam bardzo dziękuje działa. A czy da się ustawić inny kolor tła do każdego produktu. ? Następnym razem pomyśle i zapytam o wszystko razem. 

Cześć,

można zmodyfikować wygląd poszczególnych stron produktu (zadeklarować specyficzne style, etc) modyfikując product.tpl dodając do nazwy ID produktu:

catalog/product.tpl -> oryginał

catalog/product-3.tpl -> produkt z ID 3 (plik z twoimi modyfikacjami)

Na podobnej zasadzie można modyfikować wygląd kategorii.

[KamikStudio]

Możesz to zrobić w samym opisie produktu, tylko od strony kodu np

<span style="background-color: twójkolor;">i tutaj twój tekst</span>

jeśli chcesz aby to miało ręce i nogi to proponuje dodać margines wewnętrzny czyli

<span style="background-color: twójkolor; padding: 15px;">i tutaj twój tekst</span>

efekt będzie taki, że będzie ładna ramka i tekst

oczywiście kombinować możesz jak chcesz, tylko troszkę HTML

możesz zrobić, że ten tekst mało tego, że będzie w kolorze i będzie miał swój margines to dodasz mu obramowanie

<span style="background-color: twójkolor; padding: 15px; border: 1px #twojkolor solid; border-radius: 5px;">i tutaj twój tekst</span>

 

[endriu107]

Google nie lubi stylów inlinowych więc proponowanie rozwiązań typu dodaj background-color w opisie produktu jest zabiciem sprzedaży w takim sklepie ponieważ ciężej będzie się wypozycjonować.