Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Помогите изменить положение блока с названием товара и кнопкой купить


Recommended Posts

Добрый день. Opencart 2.3.0.2 Стандартный шаблон. Помогите, пожалуйста, изменить положение блока с названием товара и кнопкой купить. В мобильной версии он съезжает ниже блока с описанием товара.

Насколько я понимаю, блок с ценой обтекает описание справа, при уменьшении размера окнп - падает вниз.

 

 

Edited by gennadygg
Link to post
Share on other sites

Что понимается под "изменить положение"? Неужели сложно сделать скриншот и пометить что куда переместить?

Link to post
Share on other sites

18 minutes ago, SiteMix said:

Что понимается под "изменить положение"? Неужели сложно сделать скриншот и пометить что куда переместить?

 

На карточке товара, в мобильной версии,описание товара располагается выше блока с ценой. Нужно чтобы блок с ценой был верхним.

https://materace7.pl

1.jpg

2.jpg

Edited by gennadygg
Link to post
Share on other sites

Вам нужно править файл catalog/view/theme/default/template/product/product.tpl, находите в нем блок с заголовком, ценой, опциями (их тоже нужно перенести на случай если они будут в каком то товаре)и переносите туда, куда вам будет угодно. 

Edited by AndrewN93
Link to post
Share on other sites

28 minutes ago, AWARO said:

однако ни чего не понятно

В скриншот не помещается, длинное описание, но по ссылке можно посмотреть, что блок с ценой внизу страницы, после описания, на мобильной версии.

Link to post
Share on other sites

Вы бы лучше обратили внимание на то, что у вас изображения в описании товара по ссылке не обернуты в класс img-responsive

Из-за этого они выпирают вправо и появляется полоса прокрутки на мобильном.

И еще..

Расшифрую ваше пожелание.

Товарищ хотел бы, чтобы на мобильных блок с ценой был не в самом низу, а между картинками и описанием.

Дело в том, что стандартная верстка карточки товара такая:

Две колонки: в Первой (левой) колонке фото, ниже описание и характеристики, во второй (правой) опции и цена.

На мобильных второй блок переходит под первый.

Вам надо разметку типа:

Один блок (верхний) с двумя колонками, в Первой (левой) колонке фото, во второй (правой) опции и цена.

Второй блок (нижний): Описание и Характеристики.

Боюсь, вам самому не справиться.

Link to post
Share on other sites

2 minutes ago, AWARO said:

кто то вам нахимичил там
вот по умолчанию
https://demo.ocstore.com/iphone

По умолчанию та же проблема:

 

Название и цена товара - ниже описания, при длинном описании - не видно ни цены. ни названия, ни кнопки купить.

 

3.jpg

Link to post
Share on other sites

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

Link to post
Share on other sites
3 hours ago, AWARO said:

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

Спасибо большое @AWARO, вопрос решен быстро и качественно +получил полезные советы и бонусы.

Edited by gennadygg
  • +1 1
Link to post
Share on other sites

  • 1 year later...
В 13.09.2018 в 20:45, AWARO сказал:

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

Здравствуйте. А не подскажите, съезжает кнопка купить на мобильной версии шаблона Journal3. Есть какое-либо решение?

 

Снимок экрана 2019-12-05 в 16.43.50.png

Link to post
Share on other sites

  • 1 year later...
On 9/14/2018 at 12:02 AM, gennadygg said:

Спасибо большое @AWARO, вопрос решен быстро и качественно +получил полезные советы и бонусы.

Добрый день.

Подскажи как получилось и и где нужно изменить в коде?

Спасибо.

Link to post
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
  • Similar Content

    • By legioner26
      Разработан модификатор который позволяет склеивать изображения из одиночных картинок прямо из менеджера изображений в админ панели, с автоматическим добавлением. Регистронезависимость расширений файлов (jpg - JPG, png - PNG, jpeg - JPEG).
      После склеивания создается новая картинка имя которой состоит из (имя1-ой_имя2-ой.jpeg)
       
      Установка:
      Устанавливаете модификатор через "Установка расширений", далее в модификаторах чистим кешь и обновляем.
      ИНСТРУКЦИЯ во вложении
       
       
    • By legioner26
      2700
      Скачать/Купить дополнение


      Конструктор (склеивание) картинок из менеджера изображений
      Разработан модификатор который позволяет склеивать изображения из одиночных картинок прямо из менеджера изображений в админ панели, с автоматическим добавлением. Регистронезависимость расширений файлов (jpg - JPG, png - PNG, jpeg - JPEG).
      После склеивания создается новая картинка имя которой состоит из (имя1-ой_имя2-ой.jpeg)
       
      Установка:
      Устанавливаете модификатор через "Установка расширений", далее в модификаторах чистим кешь и обновляем.
      ИНСТРУКЦИЯ во вложении
       
       
      Добавил legioner26 Добавлено 23.01.2018 Категория Инструменты, утилиты Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 2.3.0.2.4
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет  
    • By whiteblue
      Очень часто нам нужно добавить произвольную информацию в виде html кода в карточку товара, как на уровне товара, так и в каждый товар категории...
       
      Данный модуль позволит добавить необходимой информации категорий и в карточке товара.
       
      Модуль способен заменить более 100 других модулей. Совместим с более 95% шаблонов. Рекомендован для каждого интернет-магазина. Модуль позволяет расположить любую информацию на любой странице сайта. Данные возможно выводить, как для отдельных товаров и категорий, так и для отдельных производителей, а также схем магазина. Любой html, js, jquery, ajax–код и в любой части странице Выберите селектор блока и положение данных, относительно блока (перед, после, вместо). Модуль мультиязычный, прост в настройке и использовании. Селекторы можно использовать абсолютно любые, от класса, заканчивая набором элементов, любые схемы селекторов, для jquery Любой код   
      Demo: карточка товара
      Demo: категория
      Admin (demo/demo)
       
       
       
      Установка модуля:
      Сделать резервную копию сайта и БД. Скачать архив. Не распаковывая его загрузить в админ-панель. Модули - Установка расширения - Загрузить. Обновить модификаторы.
    • By whiteblue
      1150 15.5
      Скачать/Купить дополнение


      "HTML данные в продукте и продуктах категории" и другие custom блоки
      Очень часто нам нужно добавить произвольную информацию в виде html кода в карточку товара, как на уровне товара, так и в каждый товар категории...
       
      Данный модуль позволит добавить необходимой информации(html-поле) и заголовок H1 на уровне категорий и в карточке товара.
       
      Модуль способен заменить более 100 других модулей. Совместим с более 95% шаблонов. Рекомендован для каждого интернет-магазина. Модуль позволяет расположить любую информацию на любой странице сайта. Данные возможно выводить, как для отдельных товаров и категорий, так и для отдельных производителей, а также схем магазина. Любой html, js, jquery, ajax–код и в любой части странице Выберите селектор блока и положение данных, относительно блока (перед, после, вместо). Модуль мультиязычный, прост в настройке и использовании. Селекторы можно использовать абсолютно любые, от класса, заканчивая набором элементов, любые схемы селекторов, для jquery Любой код   
      Demo: карточка товара
      Demo: категория
      Admin (demo/demo)
       
       
       
      Установка модуля:
      Сделать резервную копию сайта и БД. Скачать архив. Не распаковывая его загрузить в админ-панель. Модули - Установка расширения - Загрузить. Обновить модификаторы. Добавил whiteblue Добавлено 03.05.2017 Категория Модули Системные требования Метод активации По запросу в ЛС Ioncube Loader Нет OpenCart 3.0
      2.3 ocStore 3.0
      2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By legioner26
      2299
      Скачать/Купить дополнение


      Модуль зуммирования изображений товара - ZoomPRO
      Разработан многофункциональный модуль Opencart Zoom для зуммирования изображений в карточке товара с выбором вариантов исполнения.
      ПРИМЕЧАНИЕ !!!
      Если у Вас не стандартный шаблон то для корректной работы настоятельно рекомендую проверить установлены ли иные плагины зумма.
      Не забываем очищать кешь на сайте при изменении настроек. Сочетание клавишь (Ctrl+F5)
       
      DEMO Логин: demo Пароль: demo
      http://mvc-cart.ru/index.php?route=product/product&product_id=30
       
       
      ПРОСМОТР РАБОТЫ МОДУЛЯ Кликнуть по тексту чтобы просмотреть.
       
      По адаптации шаблонов пишите в ЛС
       
      Тестировался с шаблонами Moneymaker 2, ROUNDSHOP, Corsica, Fiji, pixelshop и многими другими.
       
      Вариант №1
       
      Зуммирование в отдельном блоке, от изображения либо вывод в любом другом
       
      Вариант №2
       
      Зуммирование со скроллом внутри блока с изображением
       
      Вариант №3
       
      Зуммирование в виде лупы с настройками по ширине и высоте.
       
       
       
      Установка:
      1. Копируем содержимое исходя из версий ОС на хостинг в корень сайта 
      2. В модификаторах чистим кешь и обновляем.
      3. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
      Добавил legioner26 Добавлено 20.05.2019 Категория Меню, дизайн, внешний вид Системные требования Ioncube Loader Метод активации По запросу в ЛС Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет  
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.