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

Recommended Posts

Доброго вечера! Знающие подскажите пожалуйста! Сайт https://stalzamki.ru/

Баннеры в модуле HTML на мобильной версии съезжают куда-то далеко вправо. Как поправить? 

1122258459_WhatsAppImage2021-05-04at22_00_45.thumb.jpeg.99425cf04f581c37092346eaea56a793.jpeg

 

 

 

И еще вопрос касаемо мобильной версии: как поправить шапку? уменьшить логотип, надпись "звоните прямо сейчас" и кнопки соцсетей сдвинуть в центр?
635186795_WhatsAppImage2021-05-04at22_02_05.thumb.jpeg.166a477c202729233b1a792209a9f0db.jpeg

Link to post
Share on other sites

Posted (edited)
29 минут назад, VIKA1991 сказал:

Ссылку нужно правильную давать, где проблема, а не весь сайт https://stalzamki.ru/populyarnye-zamki/agb-italiya . Никто не будет искать за вас где находится данный баннер.

По теме - у вас баннер изначально кривой, обрежьте его, просто если не обрезать и сделать как вы хотите то выйдет вот так http://prntscr.com/12hqlo7 . http://prntscr.com/12hqpbl

Edited by aka75
Link to post
Share on other sites

3 часа назад, VIKA1991 сказал:

Доброго вечера! Знающие подскажите пожалуйста! Сайт https://stalzamki.ru/

Баннеры в модуле HTML на мобильной версии съезжают куда-то далеко вправо. Как поправить? 

1122258459_WhatsAppImage2021-05-04at22_00_45.thumb.jpeg.99425cf04f581c37092346eaea56a793.jpeg

 

 

 

И еще вопрос касаемо мобильной версии: как поправить шапку? уменьшить логотип, надпись "звоните прямо сейчас" и кнопки соцсетей сдвинуть в центр?
635186795_WhatsAppImage2021-05-04at22_02_05.thumb.jpeg.166a477c202729233b1a792209a9f0db.jpeg

правьте через css под моб устройства, то что вы через редактор выводите не значит что все автоматом будет подстраиваться
http://joxi.ru/L21jze0SR4qRMA
у вас привязаны размеры

сказал бы сделать так

p img {

width: 100%!important;

}
но будет не особо
Link to post
Share on other sites

В 04.05.2021 в 23:05, aka75 сказал:

Ссылку нужно правильную давать, где проблема, а не весь сайт https://stalzamki.ru/populyarnye-zamki/agb-italiya . Никто не будет искать за вас где находится данный баннер.

По теме - у вас баннер изначально кривой, обрежьте его, просто если не обрезать и сделать как вы хотите то выйдет вот так http://prntscr.com/12hqlo7 . http://prntscr.com/12hqpbl

Спасибо за подсказки!

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 vlkombat
      400
      Скачать/Купить дополнение


      Баннеры произвольно среди товаров и категорий
      Модуль позволяет:
      Вывести среди товаров, и подкатегорий баннеры с произвольным расположением в сетке - после n-го товара, или подкатегории.  Баннеры можно вывести среди товаров (подкатегорий) на всю ширину, или часть ширины страницы, разместив рядом произвольное число товаров.  Вывести слайдер, или одиночное изображение на странице категории Можно задать свои CSS классы и оформить в таблице стилей Есть версия с поддержкой многоязычности Установка
      Стандартно, через ocmod. В процессе установки в БД добавляется таблица "category_images".
       
      Панель управления (admin/)
      Версия 1:
      Все баннеры добавляются в карточке категории (все русифицировано, тестовый сайт без перевода):

       
      Для каждого баннера можно задать заголовок, описание, ссылку, размеры, CSS классы. 
      В полях "После категории" и "После товара" - задается порядковый номер подкатегории/товара на странице, после которого будет отображаться баннер. Если задать отрицательное значение, баннер будет выведен в самом начале. Если оставить поле не заполненным ("0") - будет отображено либо одиночное изображение вверху, либо слайдер (зависит от количества изображений).
      После одной категории, товара можно добавить только один баннер. До категорий, товаров может быть добавлено сколько угодно баннеров (вначале будут выведены баннеры в порядке сортировки, затем товары, категории).
       
      Версия 2

       
      Только в версии 2:
      Баннером может быть как отдельное изображение, так и заранее подготовленные баннеры в "Дизайн->Баннеры"
      Если выбрать заранее подготовленные изображения, их можно отобразить или в виде слайдшоу, или показывать один из них рандомно.
      Для каждого баннера можно указать страницы для вывода
       
      Пример:

      Здесь первый баннер будет выведен вверху страницы, отдельно. Желательно задать ему размеры. Если размер не задан, будет использован полный размер изображения (как есть).
      Второй баннер будет выведен после третьего товара, с заголовком, ссылкой, описанием. Если размеры не заданы, будут использованы стандартные для товара
      Третий баннер будет выведен после третей категории в списке. Размеры изображения или произвольные, или будет использован размер изображения категории (из настроек). 
      Размеры изображений категорий отдельно задать нельзя, но можно использовать для этого заданный размер любого баннера, достаточно отметить чекбокс "+ для категорий" (+ to img category), если ничего не отмечено - используются размеры изображения категории.
       
      Пользовательская часть (catalog/)
      Модификации подвергаются: модель, контроллер и шаблон категории. 
      Изменения в контроллер и шаблон (особенно шаблон) рекомендую вносить вручную, для большей гибкости.
      К тому же, если в контроллере какие-либо проблемы связанные с конфликтом модификаторов, или ошибки маловероятны, то в шаблоне может быть множество других изменений (скорее всего есть), а соответственно возможна некорректная модификация.
      Модификатор проверен с использованием стандартного шаблона - все работает.
      В шаблоне добавляется два блока вначале, там где идет проверка на наличие подкатегорий. Баннеры можно выводить независимо от того, есть ли дочерние категории, если же для категории не указано ни одного баннера в подкатегориях, их вывод будет стандартным.
      В блоке товара так же есть небольшие изменения - если на месте товара выведен баннер, то скрываются стандартные кнопки и при наличии ссылки появляется "подробнее". Если ссылка не задана - она обирается с заголовка и изображения.
      Собственных таблиц стилей модификатор не содержит (что бы не ухудшить скорость загрузки страницы). Для более-менее корректного отображения рекомендую добавить в .css файл темы следующее:
      .cat-list .item {height: 300px;overflow: hidden;text-align: center;position: relative;background: #fff;margin-bottom: 15px;box-shadow: 0px 2px 7px #b5b5b5;     border-radius: 4px;} .cat-list .item img {position:relative;z-index: 1;} .cat-list .item .title {text-decoration: none;color: #000;font-size: 15px;} .cat-list .item .desc {position: absolute;z-index: 2;background: #f7f5f5a6;padding: 10px;left:0px;bottom:0px;width: 100%;box-sizing: border-box;} .cat-list .float .item {padding-left: 0px;text-align: center;} .cat-list .float .item .desc {background: none;position: static;text-align: right;} .cat-list .item .count {position: absolute;top: 0px;right: 0px;font-size: 14px;     background: #5a5a5a;color: #fff;height: 20px;line-height: 20px;     width: 20px;text-align: center;border-radius: 20px;} .cat-list .float .item img {float: left;margin-right: 10px;} .button-group .btp-href {background-color: #eee;color: #888;line-height: 38px;font-weight: bold;border: 0px;text-transform: uppercase;display: block;text-align: center;} Класс "float" можно использовать для широких баннеров, где слева будет изображение, справа текст.
       
      По модификации блока товара в шаблоне категории. Сразу после
      <?php foreach ($products as $product) { ?> добавляется проверка - товар это, или баннер. Чуть выше пагинации проверка заканчивается. Для поиска используется вот такой способ:
       <search><![CDATA[<?php echo $pagination; ?>]]></search>       <add position="before" offset="3"> В стандартном шаблоне место вставки выглядит так:

      Если у вас есть несовпадение, можно получить или ошибку 500, или съехавшую верстку. 
      В остальном все должно быть нормально, если что - поправимо.
       
      Начиная с версии 1.0 баннеры среди товаров можно выделять в отдельные контейнеры, куда так же можно добавлять и товары (разрыв в списке товаров). Как это работает - на видео:

      httpm_banner_cat_akcii.mp4  
      ОСОБЕННОСТИ для Opencart 1.5
       В опенкарт 1.5 скрипты на странице категории работают с '.product-list > div' и '.product-grid > div', потому для блока с баннером использовал тэг "section".
      В CSS где встречается .product-list > div и .product-grid > div нужно добавить section, что бы получилось:
      .product-list > div, .product-list > section {.......} .product-list > div + div, .product-list > section + div {.......} .product-grid > div, .product-grid > section {.......} #column-left + #column-right + #content .product-grid > div, #column-left + #column-right + #content .product-grid > section {.......}  
      DEMO
      Пример категории, с баннером среди товаров, баннерами среди категорий, а так же слайдшоу вверху
      Панель управления
      Логин/пароль: demo/demo
       
      ОПИСАНИЕ БУДЕТ ДОПОЛНЕНО
       
      Добавил vlkombat Добавлено 13.08.2018 Категория Цены, скидки, акции, подарки Системные требования Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.1
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6 ocStore 2.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена  
    • By colaweb
      12 999.00 руб
      Скачать/Купить дополнение


      Мобильное приложение из сайта или магазина
      Используйте момент чтобы обойти конкурентов.
       
      ПРЕИМУЩЕСТВА
       
      При помощи данного модуля создается полностью рабочее приложение для сайта или магазина как будто вы его загрузили из Google Play или Microsoft Store.
      Это приложение может работать без подключения к интернету.

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

      По заявлению Google, перед специалистами Lancôme стояла задача создать быстро загружаемый, мощный мобильный инструмент, который можно будет быстро найти и просто использовать. В результате в 2016 году у компании появилось веб-приложение.
      И что же в итоге? Результаты говорят сами за себя: на 84% снизилось время загрузки, на 17% увеличилась конверсия, на 53% увеличилось количество мобильных сеансов на iOS,18% push-уведомлений открываются пользователями, 8% потребителей, которые открыли push-уведомление, совершали покупку.
      Пример компании Lancôme стал показательным для всех, кто сомневался.

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

      Третий плюс, страницы вашего сайта в интернете будут загружаться очень быстро. Что в свою очередь положительно повлияет на выдаче Google и Яндекс.
       
      Четвертый плюс. По данным Leanplum, мобильные уведомления побуждают в 9,6 раз больше пользователей совершать покупки в приложениях. К тому же клиенты, которые получают пуши, проводят внутри приложения  на 16% больше времени, чем те, которые не получают никаких оповещений на свой телефон. Догадались о чем пойдет дальше речь? О важности мобильных пушей для вашего мобильного приложения и бизнеса.
      Push уведомления настраиваются с помощью бесплатного тарифа на сервисе push.gravitec.net/push в стоимость модуля не входит.
       
      ВИДЕО
       
      Совместим со всеми версиями OpenCart и ocStore.
       
      ДЕМО
       
      ЛИЦЕНЗИЯ

      Лицензия дает право на установку модуля на один тестовый домен и на один рабочий домен.
      При покупке модуля обязательно указывайте тестовый и рабочий домен.

      ОБЯЗАТЕЛЬНЫЕ ТРЕБОВАНИЯ ДЛЯ РАБОТЫ МОДУЛЯ

      1. Подключение по https
      2. Ваш сайт должен быть адаптирован для показа на смартфонах и планшетах
      Работает в браузере Chrome на платформе Android для смартфонов. Для десктопов на платформе Windows 10 также в браузере Chrome.
      Другие браузеры включая Apple планируют включить полную поддержку данной технологии в ближайшее время.
       
      В настройках модуля можно изменить:
      Настройка времени, через которое посетителю сайта показывается баннер с предложением установить приложение.
      Настройка внешнего вида баннера.
      Настройка текста и значка на баннере.
      Настройка "Моментальных страниц"

      ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ
       
      Установка модуля на хостинг
      Установка приглашения "установить приложение вашего магазина" в мобильное меню или другое место вашего сайта
      Настройка push уведомлений на сервисе push.gravitec.net/push
      Настройка кэширование данных магазина
       
      ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ
       
      О технологии PWA можно почитать здесь https://ru.wikipedia.org/wiki/Прогрессивное_веб-приложение
      Добавил colaweb Добавлено 03.05.2019 Категория Платные шаблоны Системные требования https Метод активации По запросу на почту Ioncube Loader Нет OpenCart 3.0
      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 3.0
      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
      1.5.1.3 OpenCart.Pro, ocShop Не проверялось Обращение к серверу разработчика Нет Старая цена 0  
    • By Romaleg
      Всем привет, впервые столкнулся с такой проблемой, может кто знает, с мобильной версии яндекс браузера не загружаются скрипты при загрузке сайта на главной странице, т.е. если заходить на сайт, сайт загружается, все, кроме иконок и, видимо файла со скриптами корзины, так как корзина не работает, ничего не добавляет, не открывает, но если зайти на страницу товара, а потом на главную, то все работакт как надо. Такая проблема только в мобильном яндекс.браузере, может посоветуете как можно сымитировать заход на сайт с этого браузера но с нормальными инструментами, дабы разобраться в чем проблема? https://bashpchel.com/ вот сам сайт. Кстати, если обновлять главную страницу, то проблема остается, уходит только если зайти на другую страницу, а потом перейти на главную
    • By Kara0505
      Добрый день! Подскажите, пожалуйста, в чем может быть проблема. Сделала в мобильной версии товары в 2 колонки, но появились пробелы


    • By tatyanausa
      Здравствуйте!
       
      Ищу специалиста для изменения мобильной версии сайта. 
      Сайт https://exelera.ru/  шаблон Moneymaker.
       
      ТЗ в прикрепленном файле.
      ТЗ_exelera_мобильная_версия.docx ошибки при тестировании мобильной версии.docx
  • 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.