Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

1.thumb.jpg.ce0b951d3e271dda0196c0df8acbd4db.jpg

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

2.thumb.jpg.2de13e72350be070b3f094dab97bff94.jpg

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

Надіслати
Поділитися на інших сайтах


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

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

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

  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

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

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

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

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

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

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

 

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

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

 

  • +1 1
Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.