Jump to content
  • 0

Zmiana tła w opisie przedmiotu


pawel2020

Question

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.

image.thumb.png.afcc118a8355430fbefc19dd1d1bc53a.png

 

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

image.thumb.png.e5032ed7144ecbb5d5d1e188ee49fc9c.png

Z góry dziękuje .

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

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

Link to comment
Share on other sites

  • 0

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>

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...