Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 753 Просмотров
*

Anastasia927

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Методы доставки в мобильной версии корзины наезжают друг на друга
« : 27.02.2019, 12:38:53 »
Бьюсь над проблемой третий день, знаний не хватает.
Мобильная версия. Корзина покупателя. Методы доставки выглядят непрезентабельно, наезжают друг на друга, прочитать нельзя. Выглядит это так:



Код при этом такой:
Код
<fieldset class="vm-payment-shipment-select vm-shipment-select"><div class="vm-shipment-plugin-single"><input type="radio" name="virtuemart_shipmentmethod_id" data-dynamic-update="1" id="shipment_id_1" value="1" checked> <label for="shipment_id_1"><span class="vmshipment"><span class="vmshipment_name">Доставка курьером (бесплатно от 4500 руб)</span><span class="vmshipment_cost fee"> (наценка 300,00 руб)</span></span></label> </div><div class="vm-shipment-plugin-single"><input type="radio" name="virtuemart_shipmentmethod_id" data-dynamic-update="1" id="shipment_id_3" value="3"> <label for="shipment_id_3"><span class="vmshipment"><span class="vmshipment_name">САМОВЫВОЗ</span><span class="vmshipment_description">м. Щелковская</span></span></label> </div></fieldset> </td><td style="text-align:right"></td><td style="text-align:right"><div class="PricesalesPriceShipment vm-display vm-price-value"><span class="vm-price-desc"></span><span class="PricesalesPriceShipment">300,00 руб</span></div> </td></tr><tr><td colspan="4">&nbsp;</td><td colspan="2"> <hr> </td></tr><tr class="sectiontableentry2"><td colspan="4" style="text-align:right">Итого:</td><td style="text-align:right"> <span class="priceColor2"></span> </td><td style="text-align:right"><strong>

НО :o Если кликнуть в то место, где ты выбираешь метод доставки всё выравнивается. Видимо, врубается как-то скрипт. И всё сразу же выглядит красиво и прилично:



Где и как настроить так, чтобы сразу всё прилично выглядело. Сайт: https://www.gustoitaliano.info/  Свитчер на мобильную версию есть в каталоге

Помогите. Вторую ночь не сплю - снятся коды....
Записан
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Методы доставки в мобильной версии корзины наезжают друг на друга
« Ответ #1 : 27.02.2019, 13:05:02 »
В мобильной версии, непонятно зачем она вообще нужна, нет горизонтального скролла.
В помощь
Адаптивный шаблон корзины VirtueMart для мобильных.
Записан
*

Anastasia927

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Методы доставки в мобильной версии корзины наезжают друг на друга
« Ответ #2 : 27.02.2019, 13:37:33 »
Цитата: draff от 27.02.2019, 13:05:02
В мобильной версии, непонятно зачем она вообще нужна, нет горизонтального скролла.
В помощь
Адаптивный шаблон корзины VirtueMart для мобильных.

Скролл именно по этой адаптивной версии установила. Он решил проблему "съезжания" вправо ( когда не было видно цен), но эту проблему, которая есть сейчас, он не решил(((

Вот картинка: скролл есть. Он как раз над надписью: на забудьте оставить мобильный телефон. И эту проблему он не решает(((

https://cdn1.savepice.ru/uploads/2019/2/27/501801d65f49cbb423afa21d25a80bca-full.png

Div я прописала в самом начале для всей таблицы в vm-fieldset-pricelist. Но когда изучала код, это место, ну с которым у меня проблемы, относится к другому классу: vm-payment-shipment-select. И где этот элемент сидит - понять никак не могу... Что-то я нашла в стилях mj , но там вообще ничего не понимаю и боюсь всё испортить...Я думала присвоить ему тоже эту Obertka, вдруг поможет, да найти концы не могу....

Может, мобильная версия "корзины" действительно не нужна, НО даже в версии Dekstop та же самая проблема остается, если сузить экран до "мобильного" варианта

Записан
*

sivers

  • Живу я здесь
  • 2596
  • 360 / 0
Re: Методы доставки в мобильной версии корзины наезжают друг на друга
« Ответ #3 : 27.02.2019, 14:01:32 »
Лучше б было бутстрап подключить полноценно (там сейчас только скрипт от него, но стиль не подключен). Тогда было б легче стилить.
А по методам доставки - для начала выньте их из таблицы, в которой товары перечисляются.
Записан
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Методы доставки в мобильной версии корзины наезжают друг на друга
« Ответ #4 : 27.02.2019, 14:25:05 »
С отключенным JavaScript в браузере, колонка с доставкой нормально в мобильной версии.Вы используете стороннее расширение, ссылка на которое внизу страницы?
Более всего JavaScript от него и косячит ваш шаблон.
Советую взять бесплатный шаблон для Вирта, потому вам сложно будет переделывать этот шаблон. Horme 3 FREE VirtueMart Template
« Последнее редактирование: 27.02.2019, 14:42:31 от draff »
Записан
*

Anastasia927

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Методы доставки в мобильной версии корзины наезжают друг на друга
« Ответ #5 : 27.02.2019, 14:58:13 »
Цитата: draff от 27.02.2019, 14:25:05
С отключенным JavaScript в браузере, колонка с доставкой нормально в мобильной версии.Вы используете стороннее расширение, ссылка на которое внизу страницы?
Более всего JavaScript от него и косячит ваш шаблон.
Советую взять бесплатный шаблон для VirtueMart, потому вам сложно будет переделывать этот шаблон. Horme 3 FREE VirtueMart Template

Про расширение поняла.
Попробую то, что вы советуете. Отпишусь! Спасибо !

Записан
*

draff

  • Гуру
  • 5801
  • 434 / 7
  • ищу работу
Re: Методы доставки в мобильной версии корзины наезжают друг на друга
« Ответ #6 : 27.02.2019, 15:04:37 »
Цитата: Anastasia927 от 27.02.2019, 12:38:53
Если кликнуть в то место, где ты выбираешь метод доставки всё выравнивается. Видимо, врубается как-то скрипт. И всё сразу же выглядит красиво и прилично:
Наоборот скрипт сработал при загрузке страницы. А  при выборе способа доставки работает AJAX Вирт, а сторонний JavaScript второй раз не срабатывает .
Записан
*

Anastasia927

  • Осваиваюсь на форуме
  • 10
  • 0 / 0
Re: Методы доставки в мобильной версии корзины наезжают друг на друга
« Ответ #7 : 27.02.2019, 15:36:42 »
Отлично всё прошло!
Спасибо большое! :D :D :D :D :D :-* :-* :-*
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не удается поменять название почты в мобильной версии ((

Автор stitch808

 Ответов: 7
Просмотров: 1503 		Последний ответ 27.03.2025, 23:23:58
от azm1n
Разные меню для мобильной и для ПК версии сайта

Автор jimka

 Ответов: 7
Просмотров: 1459 		Последний ответ 24.03.2025, 20:03:01
от R31rus
Отображение на мобильной версии

Автор annetkas

 Ответов: 9
Просмотров: 9649 		Последний ответ 28.10.2024, 10:56:18
от annetkas
Убрать блок в мобильной версии сайта

Автор Grigorii

 Ответов: 10
Просмотров: 1737 		Последний ответ 10.02.2024, 19:38:34
от darkghost
widgetkit - разные версии

Автор all_zer

 Ответов: 0
Просмотров: 636 		Последний ответ 14.09.2023, 18:54:03
от all_zer