Перейти к содержанию
gennadygg

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

Рекомендуемые сообщения

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

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

 

 

Изменено пользователем gennadygg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
18 minutes ago, SiteMix said:

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

 

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

https://materace7.pl

1.jpg

2.jpg

Изменено пользователем gennadygg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Изменено пользователем AndrewN93

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
28 minutes ago, AWARO said:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

И еще..

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

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

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

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
2 minutes ago, AWARO said:

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

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

 

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

 

3.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 hours ago, AWARO said:

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

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

Изменено пользователем gennadygg
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От weterglass
      Доброго времени суток, опишу суть проблемы:
      Загрузил товары через DKA Export.Import без категорий. Товар на сайте находится и в него можно зайти. При определении ему категории, товар в ней появляется, но стоит нажать на товар, появляется надпись: "Запрашиваемая страница не найдена!".
      Если же создать дубль товара, а основной удалить, то проблема исчезает. Но это долго делать дубли всех товаров. Есть ли более быстрое решение проблемы? 
    • От whiteblue
      710.00 руб
      Скачать/Купить дополнение


      HTML данные в продукте и продуктах категории
      Очень часто нам нужно добавить произвольную информацию в виде html кода в карточку товара, как на уровне товара, так и в каждый товар категории...
       
      Данный модуль позволит добавить необходимой информации(html-поле) и заголовок H1 на уровне категорий и в карточке товара.
       
      Возможности модуля:
      1. Возможность добавления информации для каждого товара.
      В случаи, если значения для отдельного товара не задано, то в карточке товара будет отображаться содержимое html-поле заданное для категории этого товара.
      2. Добавить html-поле для товарох категории.
      Содержимое этого поля будет выводиться во всех товарах категории.
      3. Добавить заголовок H1 для категории и товара. (также есть версия без H1)
      4. Простота администрирования.
       
      Demo
      http://demo.torg.town/index.php?route=product/product&path=33&product_id=30
      Admin
      http://demo.torg.town/admin/index.php?route=catalog/product/edit&token=jnXseG7Pm3K9klIwbjGBPT2waTg9Q1is&product_id=30&filter_name=Canon+EOS+5D
      http://demo.torg.town/admin/index.php?route=catalog/category/edit&token=jnXseG7Pm3K9klIwbjGBPT2waTg9Q1is&category_id=33
       
      Login: html
      Password: html
       
       
      Установка модуля:
      Сделать резервную копию сайта и БД. Скачать архив. Не распаковывая его загрузить в админ-панель. Модули - Установка расширения - Загрузить. Обновить модификаторы. Добавил whiteblue Добавлено 03.05.2017 Категория Модули Системные требования Сайт разработчика http://white-blue.com.ua/module-html-data-in-product Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1 ocStore 2.3
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.1  
    • От whiteblue
      Очень часто нам нужно добавить произвольную информацию в виде html кода в карточку товара, как на уровне товара, так и в каждый товар категории...
       
      Данный модуль позволит добавить необходимой информации(html-поле) и заголовок H1 на уровне категорий и в карточке товара.
       
      Возможности модуля:
      1. Возможность добавления информации для каждого товара.
      В случаи, если значения для отдельного товара не задано, то в карточке товара будет отображаться содержимое html-поле заданное для категории этого товара.
      2. Добавить html-поле для товарох категории.
      Содержимое этого поля будет выводиться во всех товарах категории.
      3. Добавить заголовок H1 для категории и товара. (также есть версия без H1)
      4. Простота администрирования.
       
      Demo
      http://demo.torg.town/index.php?route=product/product&path=33&product_id=30
      Admin
      http://demo.torg.town/admin/index.php?route=catalog/product/edit&token=jnXseG7Pm3K9klIwbjGBPT2waTg9Q1is&product_id=30&filter_name=Canon+EOS+5D
      http://demo.torg.town/admin/index.php?route=catalog/category/edit&token=jnXseG7Pm3K9klIwbjGBPT2waTg9Q1is&category_id=33
       
      Login: html
      Password: html
       
       
      Установка модуля:
      Сделать резервную копию сайта и БД. Скачать архив. Не распаковывая его загрузить в админ-панель. Модули - Установка расширения - Загрузить. Обновить модификаторы.
    • От Nymphetamine
      300.00 руб
      Скачать/Купить дополнение


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

       
       
      Особенности:
      Настраиваемая адаптивность изображений. Сенсорные события (свайп-жесты). Слайд события мышкой. Настраиваемая навигация. Настраиваемая  пагинация. И многое другое..
      * Весь функционал настраиваться из админ. панели.
      * Простой в установке.
      * Требуется ocmod.
       
      Демо OpenCart 2x
      Демо
      Админка - логин и пароль: demo
       
      Демо OpenCart 3x
      Демо
      Админка - логин и пароль: demo
       
      Добавил Nymphetamine Добавлено 02.04.2017 Категория Слайдшоу, баннеры, галереи Системные требования Сайт разработчика https://greenmedia.ua Старая цена 450 Метод активации Без активации 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 Не проверялось  
    • От Nymphetamine
      Особенности:
      Настраиваемая адаптивность изображений. Сенсорные события (свайп-жесты). Слайд события мышкой. Настраиваемая навигация. Настраиваемая  пагинация. И многое другое..
      * Весь функционал настраиваться из админ. панели.
      * Простой в установке.
      * Требуется ocmod.
       
      Демо OpenCart 2x
      Демо
      Админка - логин и пароль: demo
       
      Демо OpenCart 3x
      Демо
      Админка - логин и пароль: demo
       
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.