Jump to content
Sign in to follow this  
gennadygg

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

Recommended Posts

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

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

 

 

Edited by gennadygg

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
18 minutes ago, SiteMix said:

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

 

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

https://materace7.pl

1.jpg

2.jpg

Edited by gennadygg

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Edited by AndrewN93

Share this post


Link to post
Share on other sites
28 minutes ago, AWARO said:

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

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

Share this post


Link to post
Share on other sites

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

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

И еще..

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

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

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

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

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

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

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

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

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

Share this post


Link to post
Share on other sites
2 minutes ago, AWARO said:

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

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

 

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

 

3.jpg

Share this post


Link to post
Share on other sites

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

Share this post


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

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

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

Edited by gennadygg
  • +1 1

Share this post


Link to post
Share on other sites
В 13.09.2018 в 20:45, AWARO сказал:

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

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

 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By legioner26
      Разработан многофункциональный модуль 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. Пишем в личку номер вашего заказа, я высылаю Вам ключ.
       
    • By legioner26
      1 299.00 руб
      Скачать/Купить дополнение


      Модуль зуммирования изображений товара - 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.х Обращение к серверу разработчика Нет Старая цена 3500  
    • By Nymphetamine
      Особенности:
      Настраиваемая адаптивность товаров. Настраиваемое отображение. Возможность выбора версии скрипта (owl1/owl2). Возможность задавать стиль шаблона. Поддержка сенсорных событий (свайп-жесты). Поддержка слайд событий мышью.
      * Весь функционал настраиваться из админ. панели.
      * Простой в установке.
       
      Демо:
      Демо с товаром Админка - логин и пароль: demo  
       
    • By Nymphetamine
      650.00 руб
      Скачать/Купить дополнение


      OWL Карусель Изображений

       
      Особенности:
      Настраиваемая адаптивность товаров. Настраиваемое отображение. Возможность выбора версии скрипта (owl1/owl2). Возможность задавать стиль шаблона. Поддержка сенсорных событий (свайп-жесты). Поддержка слайд событий мышью.
      * Весь функционал настраиваться из админ. панели.
      * Простой в установке.
       
      Демо:
      Демо с товаром Админка - логин и пароль: demo  
       
      Добавил Nymphetamine Добавлено 02.04.2017 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации Автоматическая активация 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.х Обращение к серверу разработчика Да Старая цена 0  
    • By stinks
      Здравствуйте, прошу помощи за вознаграждение!
       
      Сайт: https://azov-tek.ru/
      Карточка товара: https://azov-tek.ru/diski/rst/r006/6x16-4x100-ET-50-DIA-60.1-BDM 

      У меня одна из групп атрибутов, "Наличие" и мне нужно именно три значения конкретных атрибутов (те что в файлах и ниже) объединить (просуммировать), что бы в сумме было количество этих трёх атрибутов - КАК КОЛИЧЕСТВО ТОВАРА !
       
      "Наличие по складам" - это группа атрибутов
      Эти 3  (три) значения атрибута (которые ниже) надо объединить в количество товара!
       
      Магазин №1: г. Ростов на Дону (шт.) - 8 - атрибут и значение атрибута.
      Склад №1: г. Ростов на Дону (шт.) - 12  атрибут и значение атрибута.
      На заводском складе: г. Азов (шт.) - 4 - атрибут  и значение атрибута.
       
      Задача: В итоге количество товара в сумме трёх атрибутов = 24 
       

      Может есть какие намётки??? Может с помощью модуля Автоматическая обработка прайс-листов ?
       
      Пожалуйста, если есть возможность реализовать, пишите!
       
       
       

  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.