Страница с описанием товара

[AlfOz]

Стандартный шаблон opencart 3. Страница с описанием товара выглядит обычно так.

Неудобно для мобильной версии, так как основные данные о цене, производителе и кнопка купить оказываются в самом низу списка. Не подскажете как перенести эту информацию в левую сторону? Ну, то есть что бы выглядело вот так:

Я понимаю, что надо править product.twig. Все попытки вставить float: left; не увенчались успехом.

[HyperLabTeam]

3 часа назад, AlfOz сказал:

Я понимаю, что надо править product.twig. Все попытки вставить float: left; не увенчались успехом.

лучше не лезьте туда

[Tom]

4 часа назад, AlfOz сказал:

Стандартный шаблон opencart 3. Страница с описанием товара выглядит обычно так.

Неудобно для мобильной версии, так как основные данные о цене, производителе и кнопка купить оказываются в самом низу списка. Не подскажете как перенести эту информацию в левую сторону? Ну, то есть что бы выглядело вот так:

Я понимаю, что надо править product.twig. Все попытки вставить float: left; не увенчались успехом.

Не нужно пытаться сделать это стилями.

Сделайте на уровне бутстрапа. Сама страница товара разделена на две половины практически (плюс боковые колонки).

В левой половине находится блок с картинками товаров и вкладки с описанием , характеристиками итд.

Справа данные товара (цена,опции итд) и кнопки Купить, в закладки и в сравнения.

 

Вам нужно от этого отталкиваться. Если есть малейшие знания HTML, там работы минут на 5.

Думаю более правильный вариант, это вынести вкладки в отдельный блок, ниже картинок и кнопок купить. Тогда в мобильной версии первыми будут изображения, потом блок с ценой, опциями, кнопкой Купить и ниже блок с описанием и прочим.

 

[AlfOz]

Уважаемые товарищи, сердечное вам спасибо! Ваши советы действительно мне помогли.