Как адаптировать JoomShopping под iPhone?

  • 12 Ответов
  • 1301 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

ksena

  • Осваиваюсь на форуме
  • ***
  • 63
  • 0
Имею
Joomla 3.2.0
JoomShopping 4.3.3
Шаблон с адаптивным дизайном.

Смотрю сайт на iPhone, там где простые статьи - все адаптируется отлично, вытягиваясь в один столбик.

А страницы с категориями товаров JoomShopping, как были 3 товара в ряд, так и остались.

И, самое важное, страница просто обрезается, то есть видно один товар и кусок второго, а вправо не двигается, чтобы посмотреть 2й и 3й товары.

Вот как на фото, двигается только вверх-вниз, а вправо не двигается.




Как заставить JoomShopping при просмотре на iPhone (или на других устройствах с маленьким разрешением), располагать товары в один столбик, а не в три, как на большом мониторе?
Или, чтобы можно было вправо подвигать и увидеть все три товара?

Вот здесь можно посмотреть как сайт выглядит на iPhone.

*

sergoguga

  • Живу я здесь
  • ******
  • 954
  • 62
  • www.mpbox.ru
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #1 : 14.08.2014, 11:50:21 »
адаптивность шаблона сайта не равно адаптивности компонентов, магазин или форум и тд
если это не было оговорено при создании шаблона, то никто и не будет лишнюю работу делать
да и сама верстка под компонент всегда просчитывается отдельно

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

или стр ОТЗЫВЫ - обрезка есть. шаблон у вас адаптивный на 34%))))
« Последнее редактирование: 14.08.2014, 11:53:52 от sergoguga »
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!

*

ksena

  • Осваиваюсь на форуме
  • ***
  • 63
  • 0
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #2 : 14.08.2014, 11:57:01 »
1.кстати не увидел где там у вас что вытягивается в столбик?

2.верстка под компонент всегда просчитывается отдельно


1. Обычная статья (доставка например и т.д.) - делается как надо, в один столбик. Проблема только со страницами с компонентом JoomShopping.

2. А как сделать верстку JoomShopping, чтобы она адаптировалась в зависимости от разрешения экрана?

*

sergoguga

  • Живу я здесь
  • ******
  • 954
  • 62
  • www.mpbox.ru
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #3 : 14.08.2014, 11:58:31 »
вам надо доверстать шаблон, обычно от 50% от стоимости основного шаблона. аа, у вас на артистире сделано? хнык

хотя коли уж на артистире, то хуже не будет)) поэтому можно тупо добавить немного кода именно под ваше мини-ТЗ))) надо в один столбик? ок, только именно в один и для айфона, ок?)) щас, сек.
мы про какую страницу говорим? где товары категории? дайте ссыль
« Последнее редактирование: 14.08.2014, 12:03:00 от sergoguga »
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!

*

ksena

  • Осваиваюсь на форуме
  • ***
  • 63
  • 0
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #4 : 14.08.2014, 12:13:03 »
вам надо доверстать шаблон, обычно от 50% от стоимости основного шаблона. аа, у вас на артистире сделано? хнык

хотя коли уж на артистире, то хуже не будет)) поэтому можно тупо добавить немного кода именно под ваше мини-ТЗ))) надо в один столбик? ок, только именно в один и для айфона, ок?)) щас, сек.
мы про какую страницу говорим? где товары категории? дайте ссыль

вот сайт.

*

sergoguga

  • Живу я здесь
  • ******
  • 954
  • 62
  • www.mpbox.ru
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #5 : 14.08.2014, 12:17:01 »
не, где страница, где надо в один столбик?
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!

*

ksena

  • Осваиваюсь на форуме
  • ***
  • 63
  • 0
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #6 : 14.08.2014, 12:23:45 »
не, где страница, где надо в один столбик?

Вот например.
Там где товаров несколько, то они на iPhone не перемещаются вниз в столбик, а остаются обрезанными справа.

*

Arkadiy

  • Группа развития
  • *****
  • 5342
  • 440
  • Крепитесь, други.
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #7 : 14.08.2014, 12:26:09 »
У вас сверстано таблицами, тут ничего не сделать, переверстывайте дивами.

*

nevigen

  • Moderator
  • *****
  • 8832
  • 754
  • http://n*****n.com
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #8 : 14.08.2014, 12:28:08 »
1. прекратить использовать дефолтный шаблон, в табличном исполнении, а скачать и начать пользовать более гибкий ДИВный
2. был вроде адаптивный уже под Жуммшоппинг 4.х. с поддержкой бутстрап.
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

sergoguga

  • Живу я здесь
  • ******
  • 954
  • 62
  • www.mpbox.ru
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #9 : 14.08.2014, 12:39:49 »
У вас сверстано таблицами, тут ничего не сделать, переверстывайте дивами.
представляете, можно!!))
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!

*

sergoguga

  • Живу я здесь
  • ******
  • 954
  • 62
  • www.mpbox.ru
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #10 : 14.08.2014, 12:41:15 »
Вот например.
Там где товаров несколько, то они на iPhone не перемещаются вниз в столбик, а остаются обрезанными справа.
а вот например похожая стр - http://brasletova.ru/braslety - но для неё нужна своя верстка, видите, как все непросто))) сек!

сюда http://brasletova.ru/templates/brasletova/css/template.css это:

Код
@media only screen and (max-width: 480px) {

.jshop_list_product .block_product {float:left;width:100%;}
.jshop_list_product .product td {float:left;text-align:center;width:100%;}

}
« Последнее редактирование: 14.08.2014, 12:50:29 от sergoguga »
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!

*

nevigen

  • Moderator
  • *****
  • 8832
  • 754
  • http://n*****n.com
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #11 : 14.08.2014, 13:22:55 »
ТС решил свою проблему установкой ДИВного шаблона
« Последнее редактирование: 14.08.2014, 13:44:28 от nevigen »
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

Ruslan Chester

  • Осваиваюсь на форуме
  • ***
  • 28
  • 0
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #12 : 18.04.2017, 14:15:54 »
А как можно обойти настройку "показать количество товаров в ряду"? При inline-block для товаров и медия-запросов для меня проблем не будет с адаптивностью...P.S опять поторопился, все элементарно решил
« Последнее редактирование: 18.04.2017, 14:22:33 от Ruslan Chester »