Размер изображения

[Extensari]

как сделать - чтобы картинка во вкладке карточки товара - в мобильной версии подстраивалась под размер экрана, шаблон адаптивный, версия ocStore 2.3.0.2.3

[jaffagold]

указать в настройках шаблона нужный размер изображения товара ( миниатюры) - не менее, чем ширина экрана (мобильного).

Но это существенно увеличит время загрузки страницы.

Змінено 23 серпня 2017 користувачем jaffagold

[Extensari]

фото товара у меня подстраивается под размер экрана, мне нужно чтобы подстраивалась картинка во вкладке.

[todaymars]

class="img-responsive" ?

[Extensari]

13 минут назад, todaymars сказал:

class="img-responsive" ?

да - только не пойму куда. Информация во вкладке на всех товарах одна, дополнительная вкладка прописана в файле product.tpl

Выглядит это так:

 <div role="tabpanel" class="tab-pane" id="tab-oplata">
<p><span style="font-size:14px"></span><br />
<span style="font-size:14px"><span style="color:#B22222"><strong>Мы изготавливаем наклейки только после 100% предоплаты.</strong></span></span></p>

<p><br />
<img alt="" src="https://сайт/image/catalog/oplata-1.png" style="height:93px; width:300px" /></p>

<p><br />
<span style="font-size:14px">Оплатить заказ Вы можете не выходя из дома одним из следующих способов:<br />
Банковской картой <span style="color:#0000CD">VISA или MasterCard</span><br />
Отправив СМС сообщение&nbsp;(<span style="color:#0000CD">со счета мобильного телефона</span>)<br />
Электронными деньгами (<span style="color:#0000CD">Qiwi, Яндекс.Деньги.</span>)<br />
Через интернет-банки <span style="color:#0000CD">Альфа-Клик</span></span></p>

    </div>

так вот как правильно задать class="img-responsive" картинке?

[todaymars]

<img alt="" src="https://сайт/image/catalog/oplata-1.png" style="height:93px; width:300px" class="img-responsive" /></p>

 

[Extensari]

18 минут назад, todaymars сказал:

<img alt="" src="https://сайт/image/catalog/oplata-1.png" style="height:93px; width:300px" class="img-responsive" /></p>

 

Спасибо