yegorulya

да, сработало!!!!!!!!!!!!класс!

только стрелки сейчас не аккуратно по центру, а съехавшие вправо - выходит стрелка справа за баннер. и очень большого размера они стали.

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

проверила инкогнито, также..

скрин во вложении

не сработало, кеш обновила, в админке тоже: на панели состояния и в модификаторах, также кеш браузера.
Может быть проблема в чем-то другом?

ну что сказать?! - СУПЕР!

Все сработало! очень вам благодарна!!!!!!!!!
Круто! Вы мастер своего дела!

раз уж такое дело, и мне повезло получить от Вас ответ, не подскажите в чем может быть причина, у меня съехали "Кавычки" - то есть стрелочки с баннера вниз на меню.

Не знаете как это исправить?

фото во вложении.

<script type="text/javascript"><!--
     if ($(window).width() < 761) {
         $(function (){ 
           $('#product-product .col-sm-4').insertAfter('.thumbnails');
        });
    }
//--></script> 

это мне надо вставить вместо первой записи?

или в дополнение?

извините, раньше не получалось написать.
Все сработало. Круто! спасибо большое!!!
Возник другой вопрос теперь.

Я установила модуль ранее, который показывает итоговую цену для каждой опции размера, для удобства клиента (Модуль с ценой называется autocalc_price_option_oc3_v4.1.8.ocmod.zip)
Раньше вывод цены был рядом с опциями с размерами внизу под описанием товара, а сейчас после установки кода, опции с размерами поднялись вверх, а вывод цены так внизу и остался.
Скрин во вложении.
Как можно поднять вывод цены также наверх, чтобы было рядом с размерами?

Попробую, спасибо большое!

а нет вариантов в stysheet что-то прописать?

какой-то вариант попроще?

Здравствуйте!
Есть вопрос.

С ноутбука вид в порядке - поле опции "размер" отображается в колонке справа от фото товара, удобно сразу выбрать размер, нажать купить, и почитать кому интересно внизу информацию о товаре.

В мобильной же версии это выглядит не удобно для пользователя.
Приходится крутить в самый низ под описание товара, чтобы увидеть опцию "выбор размера", выбрать и наконец нажать кнопку "купить".
Если описание краткое, как-то и не замечаешь этого, но бывают длинные описания к карточке товара и это уже становится существенным минусом для заказа и сбивает с толку, где же та самая кнопка "купить" и "выбрать размер".

Вы не подскажете, каким образом можно сделать в мобильной версии отображение как с ноутбука?
Чтобы сразу рядом с фото "выбрать размер" и "купить" было, а уже потом внизу описание товара?
Скрины прилагаю. Первое фото - вид с ноутбука, следующие два - с мобильного, сначала в мобильной версии видим фото, нужно хорошо пролистать вниз, и только потом увидим опцию выбора размера и кнопку "купить"

спасибо всем за ответы!
хорошего вечера!

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

а как это можно откорректировать?
чтобы и там и там было хорошо?

Смотрите, вставила ваши строчки эти:

.product-thumb h4 {
  height: 53px;
  overflow: hidden;
}
.product-thumb .caption > h4 + p {
  height: 100px;
}

Действительно, вроде перестало выбивать товары, смотрятся ровно в один ряд, проверяла пока на одном телефоне.
Но вот меню поползло.
Было раньше в один ряд, теперь стало в два ряда и неравномерно.
Как вернуть старый вид меню?
фото прилагаю

заменить эти 2 строчки, что я встравила ранее, на те 2 что вы прислали из последних?

.product-thumb h4 {
  height: 53px;
  overflow: hidden;
}
.product-thumb .caption > h4 + p {
  height: 100px;
}

Спасибо за ответ!

вот ссылка https://pled-pokryvalo.com.ua/

Товары добавляю пока в категорию " Пледы" - там можно с мобильного посмотреть 

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

Добрый день!
Вставляла этот код:

@media (max-width: 767px) {
.product-layout {
	width: 50%
}
}

и этот 

@media (max-width: 375px) {
.product-layout {
	width: 100%
}
}

в мобильной версии 2 столбика появляются, но товар скачет на странице, стоит на одну букву написать и все...
Я подстроила на своем мобильном, посокращала названия, столо красиво и сообразила проверить на другом телефоне - так вот там все скачет, когда на моем уже красиво стало. Что делать? как быть????
Помогите пожалуйста.