Поехала вёрстка в мобильной версии 2.х

[Blade]

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

Это можно как то исправить ? Вроде где то видел что адаптивность у opencart'a на уровне, не ?

       

[WarStyle]

25 минуты назад, spown сказал:

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

Это можно как то исправить ? Вроде где то видел что адаптивность у opencart'a на уровне, не ?

       

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

[Blade]

Всем привет.Думаю проблема адаптивности в настройках табов.

Я правильно понимаю что проблема здесь?

.nav-tabs{margin-bottom:15px;}

Как задать масштаб по экрану ?

 

И как исправить эту проблему ? Думаю спасло бы написание НЕ заглавными буквами, но тогда все заголовки категорий маленькие станут(

[admin]

крошки в шаблоне вроде изначально скрываются при мобильном просмотре если я ничего не путаю

вы случаем кусок медиаквери не выкусили из шаблона ?

[Blade]

10 час назад, admin сказал:

крошки в шаблоне вроде изначально скрываются при мобильном просмотре если я ничего не путаю

вы случаем кусок медиаквери не выкусили из шаблона ?

сам точно нет) если не трудно какие то данные этого куска можно ?

[admin]

вру :-) это я их как раз сам добавлял для версии 1.5

вообщем крошкам нужно добавить вот эти стили

hidden-xs hidden-sm hidden-md

либо дописать их свойства для класса крошек

[Blade]

Спасибо.А не подскажете как точно также сделать масштаб у табов ?

Дописать масштаб в этом классе ?

.nav-tabs{margin-bottom:15px;}

[admin]

это не маштаб оно прячет крошки на мобилке

а с табами ничего особого не сделаешь они просто схлопываются друг под друга да и все

ну можно как вариант вообще так же модуль весь целиком прятать но как по мне лучше пусть схлопываются

[Blade]

2 минуты назад, admin сказал:

это не маштаб оно прячет крошки на мобилке

а с табами ничего особого не сделаешь они просто схлопываются друг под друга да и все

ну можно как вариант вообще так же модуль весь целиком прятать но как по мне лучше пусть схлопываются

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

[admin]

на айфоне все хорошо в браузере тоже все ресайзится как надо

[Blade]

только если мобильник или планшет принудительно уменьшают размер под экран.В айфоне это автоматом.поэтому незаметно.А если отключить эту функцию.То не влазит.Изначально эта функция отключена.Кто не знает и не включит.Будет видеть сплошные косяки(

А ваша демка влазит при любых установках.

И хлебные крошки уменьшаются в пропорции

Вот этот момент и не могу ни у кого узнать(

[admin]

а кто вам шаблон то делал ?

почему его не спросить ?

просто я не видя проблемы не могу ее устранить а проблемы я не вижу вот в чем дело

[Blade]

да теперь уже и не знаю у кого спрашивать)

менялись табы (убирали новинки, и на их место встали рекомендуемые) много чего в стилях менялось

Проблема вот какая:

Вот ваш сайт

 

Вот мой сайт

 

У вас при любом виде все ровно.У меня все сбивается.У половины людей всегда все будет криво отображаться.

 

[admin]

ну я вам не помогу потому как не вижууу

эксперементируйте

отключите модуль табы для начала

[Blade]

Спасибо.Может найду ответ.По поводу youtube можно вопрос ? что бы тему не создавать

кнопки поделится у меня нет

Есть "Копировать HTML-код"

Код такой <iframe width="1280" height="720" src="https://www.youtube.com/embed/vwBiTMwvoBE" frameborder="0" allowfullscreen></iframe>

Понятно что надо поставить ширину 100%

А куда вставить сам этот код ?

[admin]

попробуйте отак сделать

<iframe width="100%" src="https://www.youtube.com/embed/vwBiTMwvoBE" frameborder="0" allowfullscreen></iframe>

 

[Blade]

Все понял, просто в link.разобрался, благодарю за помощь. 

[admin]

но возможно еще отето добавить надо будет

height: auto;

 

[Blade]

2 минуты назад, admin сказал:

но возможно еще отето добавить надо будет

height: auto;

 

я сделал так <iframe width="100%" height="360" src="https://www.youtube.com/embed/vwBiTMwvoBE" frameborder="0" allowfullscreen></iframe>

вместо 360 надо поставить auto ?

[admin]

ну по идее если оставить 360 то при уменьшении высота будет всегда 360 и видео будет искажаться

в теории авто должно помочь

 

[Blade]

5 минут назад, admin сказал:

ну по идее если оставить 360 то при уменьшении высота будет всегда 360 и видео будет искажаться

в теории авто должно помочь

 

С авто выглядит как то нелепо) Длинный и узкий блок)

[admin]

экспериментируйте и ищите компромисс как вам будет лучше

еще как вариант в гугле написать

как сделать резиновое видео ютуб

ну и тоже поэксперементировать

[Blade]

3 минуты назад, admin сказал:

экспериментируйте и ищите компромисс как вам будет лучше

еще как вариант в гугле написать

как сделать резиновое видео ютуб

ну и тоже поэксперементировать

Спасибо.Посмотрю.Я наверное все же поставлю редактор CKEditor, когда больше о нем узнаю.Там много настроек по вставке разного содержимого.

[admin]

потом только не забудьте с нами поделиться всеми плюсами и минусами

[Blade]

1 минуту назад, admin сказал:

потом только не забудьте с нами поделиться всеми плюсами и минусами

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

он у меня есть на Joomla на другом сайте.Доволен.Правда там версия наверное старая (сайт заброшен почти)