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

ksena

  • Захожу иногда
  • 62
  • 0 / 0
Имею
Joomla 3.2.0
JoomShopping 4.3.3
Шаблон с адаптивным дизайном.

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

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

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

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




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

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

sergoguga

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

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

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

ksena

  • Захожу иногда
  • 62
  • 0 / 0
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #2 : 14.08.2014, 09:57:01 »
1.кстати не увидел где там у вас что вытягивается в столбик?

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


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

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

sergoguga

  • Давно я тут
  • 897
  • 70 / 8
  • www.mpbox.ru
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #3 : 14.08.2014, 09:58:31 »
вам надо доверстать шаблон, обычно от 50% от стоимости основного шаблона. аа, у вас на артистире сделано? хнык

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

ksena

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

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

вот сайт.
*

sergoguga

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

ksena

  • Захожу иногда
  • 62
  • 0 / 0
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #6 : 14.08.2014, 10:23:45 »
не, где страница, где надо в один столбик?

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

Arkadiy

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

nevigen

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

sergoguga

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

sergoguga

  • Давно я тут
  • 897
  • 70 / 8
  • www.mpbox.ru
Re: Как адаптировать JoomShopping под iPhone?
« Ответ #10 : 14.08.2014, 10: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, 10:50:29 от sergoguga »
>>> Верстка 100 евро - ждешь новый курс? Пиши!
>>> Создание моб. приложений по ГОСТу)))! Личка работает!
>>> Микроразметка по стандартам - цены адекват! Пиши, не боись!
>>> Личный кабинет на ZOO - уже сделан! Пиши в личку, не стесняйся!
*

nevigen

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

Ruslan Chester

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

JoomShopping и онлайн чеки

Автор effrit

Ответов: 0
Просмотров: 12
Последний ответ Сегодня в 18:04:36
от effrit
Панель с меню в левой части экрана админки JoomShopping

Автор psayk

Ответов: 3
Просмотров: 96
Последний ответ 11.12.2018, 23:21:10
от nevigen
JoomShopping "Купить в один клик"

Автор Indexxx

Ответов: 1
Просмотров: 109
Последний ответ 03.12.2018, 12:15:25
от nevigen
Дочерние товары в JoomShopping

Автор Dolphin4ik_1

Ответов: 3
Просмотров: 75
Последний ответ 02.12.2018, 15:31:55
от dmitry_stas
Количество товара кнопками - И + В JoomShopping to NEVIGEN

Автор konsty

Ответов: 13
Просмотров: 1475
Последний ответ 26.11.2018, 11:51:48
от intcorp