Responsywne zdjęcie

[Marketer]

Witam,
Chciałem Was podpytać, czy i jak osiągnąć efekt, by zdjęcie, które jest wklejone w opis produkty za pomocą znacznika img stało się responsywne?

Z góry dzięki za odpowiedź.

Pozdrawiam.

[endriu107]

Takiemu zdjęciu należy nadać odpowiednią klasę, było na forum naście razy o tym więc jeśli korzystasz z szablonu który korzysta z bootstrap to nie musisz już nic dopisywać w css tylko skorzystaj z wbudowanej.

[atomek]

spróbuj dodać  do css

 

.product-description img,

.rte img {

max-width: 100%;

height: auto;

}

[Marketer]

Znalazłem filmik na YT, który pokazuje, jak można skorzystać z gotowej klasy, o której wyżej wspomniał endriu107.

 

Pozdrawiam

Edited August 23, 2017 by Marketer (see edit history)

[tom]

Witam serdecznie,

Chodzi o standardowy szablon classic, Prestashop 1.7.4.2

Usunąłem klasę ,,hidden-sm-down'' z pliku category.tpl ponieważ blok kategorii nie był widoczny w wersji mobilnej. Nic więcej poza tym nie zmieniałem.

Zdjęcia dodawane przez panel administracyjny w opisie pola kategorii (Katalog/kategoria) nie chce mi zmieniać rozmiaru przy użyciu porad wyżej wymienionych.

Dodaję zdjęcie standardowo w opisie:  <p><img src="........." alt="nazwa" width="X00" height="X00" /> </p>                  X - liczba

zmieniam na: <p> <img class="img-responsive" src="........." alt="nazwa" width="X00" height="X00" /> </p>

Nie działa.

Blok kategorii zmienia rozmiar a zdjęcia nie.

Może trzeba zmienić jakieś ustawienie w panelu administracyjnym Konfiguruj/preferencje lub Konfiguruj/zaawansowane aby się aktywowała responsywność zdjęć, tak jak jest to w przypadku ,,Pozwól na iframes w polach takich jak opis produktu. 

Choć może mieć to związek, że blok kategorii był wcześniej ukryty.

Logo sklepu oraz tekst na stronie ,,Przerwa techniczna'' po wyłączeniu sklepu też nie zmienia rozmiaru.

Proszę o pomoc.

Edited September 22, 2018 by tom (see edit history)