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

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


 Share

Recommended Posts

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

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

 

 

Edited by gennadygg
Link to comment
Share on other sites


18 minutes ago, SiteMix said:

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

 

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

https://materace7.pl

1.jpg

2.jpg

Edited by gennadygg
Link to comment
Share on other sites


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

Edited by AndrewN93
Link to comment
Share on other sites


28 minutes ago, AWARO said:

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

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

Link to comment
Share on other sites


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

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

И еще..

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

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

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

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

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

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

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

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

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

Link to comment
Share on other sites


2 minutes ago, AWARO said:

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

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

 

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

 

3.jpg

Link to comment
Share on other sites


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

Link to comment
Share on other sites


3 hours ago, AWARO said:

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

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

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


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

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

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

 

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

Link to comment
Share on other sites


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

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

Добрый день.

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

Спасибо.

Link to comment
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
 Share

×
×
  • 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.