Форум русской поддержки Joomla!® CMS
09.12.2016, 09:52:49 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1] 2  Все   Вниз
  Добавить закладку  |  Печать  
Автор

Как в карточке товара сделать красиво выбор упаковки?

 (Прочитано 1029 раз)
0 Пользователей и 1 Гость смотрят эту тему.
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« : 29.03.2016, 16:15:37 »

Здравствуйте,  у меня такой вопрос: покупатель решил купить ложку,  к ней захотел красивую упаковку ( с футляром да/нет  выбрал да).  При выборе "да" открывается окошко (или как-то по-другому), где клиент может из имеющихся вариантов упаковок выбрать понравившуюся.  Есть ли такое уже готовое решение ?  Или  хотя бы похожее?
ссылка на мою карточку товара
« Последнее редактирование: 29.03.2016, 16:56:33 от diana1975 » Записан
nevigen
Moderator
*****

Репутация: +734/-16
Online Online

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #1 : 29.03.2016, 17:48:39 »

готовых не встречал
но мне кажется можно сделать проще
атрибут радио (стилизировать) и сделать опции с картинками + 1 первый атрибут (без упаковки)
так будет гораздо дешевле Azn
Записан
Biss
Завсегдатай
*****

Репутация: +64/-0
Offline Offline

Пол: Мужской
Сообщений: 661



« Ответ #2 : 29.03.2016, 18:01:25 »

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

http://getbootstrap.com/javascript/#collapse
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #3 : 29.03.2016, 18:19:23 »

А что делать в случае, если вариантов упаковок штук двадцать и покупатель должен их  нормально разглядеть?
Вот как у меня сейчас: ссылка, т.е. создала независимые атрибуты.
Как было бы  хорошо в идеале: хочешь упаковку?
-нет (по умолчанию, все тихо, выбора упаковок нет)
-хочу!
-выбирай (показываются варианты упаковок и клиент выбирает)
-открытка нужна к ложке?
-нет (по умолчанию, все тихо, выбора открыток  нет)
-да! (появляется окно с вариантами выбора открыток)
и т.д.
P.S. В крайнем случае сделаю по совету neviger,  но забивается карточка товара, становится каша, пропадает лаконичность дизайна, а хочется простоты + побольше функциональности, удобства для покупателя...
посоветуйте
Записан
nevigen
Moderator
*****

Репутация: +734/-16
Online Online

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #4 : 29.03.2016, 18:21:52 »

работайте со стилями http://prntscr.com/alkerj
или можете сделать открывание в Lightbox большой кратинки.
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #5 : 29.03.2016, 18:35:19 »

Со стилями -то понятно, но я о другом: зачем покупателю показывать виды упаковок, если они ему не нужны, его устраивает выбор  по умолчанию(с футляром: нет). ссылка. все аккуратно, нет лишней для покупателя информации.
показать при необходимости- вот что надо, а знаний не хватает
Записан
nevigen
Moderator
*****

Репутация: +734/-16
Online Online

Пол: Мужской
Сообщений: 8808


http://n*****n.com


« Ответ #6 : 29.03.2016, 18:42:13 »

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

Выше вам дали ссылочку на бустрап... если конечно он подключается у вас на сайте
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #7 : 29.03.2016, 18:46:23 »

бустрапа нету
Записан
Biss
Завсегдатай
*****

Репутация: +64/-0
Offline Offline

Пол: Мужской
Сообщений: 661



« Ответ #8 : 29.03.2016, 18:48:52 »

http://jsfiddle.net/ufC5B/

http://brooksite.ru/plaginy-joomla/adaptivnye-vkladki-taby.html
« Последнее редактирование: 29.03.2016, 18:55:59 от Biss » Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #9 : 29.03.2016, 19:44:38 »

Biss, по первой ссылке у меня не получится, т.к. надо лезть в com_jshopping/lib/function.php, чтобы добавить  для <td>    id="body", что нежелательно, я правильно мыслю?
пойду ко второму варианту
посмотрела вторую ссылку, то же самое: надо в функции менять, чтобы классы добавить...
помогите
« Последнее редактирование: 29.03.2016, 19:59:04 от diana1975 » Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #10 : 29.03.2016, 19:54:33 »

Biss, по первой ссылке у меня не получится, т.к. надо лезть в com_jshopping/lib/function.php, чтобы добавить  для <td>    id="body", что нежелательно, я правильно мыслю?
пойду ко второму варианту
Да зачем вам лишний код на сайте. Там всего-то пару строк скрипта надо.
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #11 : 29.03.2016, 20:00:03 »

по скриптам  у меня      "двойка"
поэтому, через CSS извращаюсь  Smiley
Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #12 : 29.03.2016, 20:33:34 »

по скриптам  у меня      "двойка"
поэтому, через CSS извращаюсь  Smiley
Конкретно для вот этой страницы http://adellin.ru/serebro/stolovoe-serebro/chajnye-kofejnye-lozhki/serebryanaya-chajnaya-lozhka-veer
Показать текстовый блок
Если скроете block_attr_sel_7 с помощью CSS, то будет еще проще...
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #13 : 29.03.2016, 21:14:01 »

Уважаемый Brooksus, большое спасибо за ваше содействие, далеко не все могут уделить свое ценное время на таких, как я, мягко говоря, "зелененьких"!
Именно такого решения я ждала.
но у меня  будет много видов упаковок и картинки на них будут побольше, просится вариант такой: клиент в открывающемся окне выбрал упаковку, окно закрывается и остается выбранный вариант
можно как-нибудь?..
Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #14 : 29.03.2016, 22:09:37 »

Уважаемый Brooksus, большое спасибо за ваше содействие, далеко не все могут уделить свое ценное время на таких, как я, мягко говоря, "зелененьких"!
Именно такого решения я ждала.
но у меня  будет много видов упаковок и картинки на них будут побольше, просится вариант такой: клиент в открывающемся окне выбрал упаковку, окно закрывается и остается выбранный вариант
можно как-нибудь?..
Если у вас подключена DOM библиотека в модуле корзины, можно использовать ее для открытия модального окна (http://swip.codylindley.com/DOMWindowDemo.html):
Показать текстовый блок
Ну, или подключать родной mootools...
« Последнее редактирование: 29.03.2016, 22:13:26 от Brooksus » Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #15 : 30.03.2016, 00:31:13 »

не, не получается подружить мои атрибуты с модальным окном, час думала...
подскажите, пожалуйста
DOM библиотека в модуле корзины подключена, смогла только скрыть атрибут "виды футляров" и все...
« Последнее редактирование: 30.03.2016, 00:43:46 от diana1975 » Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #16 : 30.03.2016, 01:18:46 »

не, не получается подружить мои атрибуты с модальным окном, час думала...
подскажите, пожалуйста
DOM библиотека в модуле корзины подключена, смогла только скрыть атрибут "виды футляров" и все...
А что не получается? Вижу вот здесь http://adellin.ru/serebro/stolovoe-serebro/chajnye-kofejnye-lozhki/detskaya-lozhka-begemotik окно открывается при изменении "С футляром". Только в этом товаре нет атрибутов....
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #17 : 30.03.2016, 01:22:59 »

http://adellin.ru/serebro/stolovoe-serebro/chajnye-kofejnye-lozhki/serebryanaya-chajnaya-lozhka-veer
здесь есть
Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #18 : 30.03.2016, 01:31:36 »

http://adellin.ru/serebro/stolovoe-serebro/chajnye-kofejnye-lozhki/serebryanaya-chajnaya-lozhka-veer
здесь есть
Вот так например:
Показать текстовый блок
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #19 : 30.03.2016, 01:38:40 »


спасиииииибо!
а после закрытия окошка покупатель должен видеть выбранную опцию, иначе непонятно, что он выбрал, быстро забудет,
можно будет так?
Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #20 : 30.03.2016, 01:49:59 »

спасиииииибо!
а после закрытия окошка покупатель должен видеть выбранную опцию, иначе непонятно, что он выбрал, быстро забудет,
можно будет так?
В принципе можно, но, честно говоря, я бы не стал вообще делать в модальном окне.
Вот, допустим, я выбрал вид упаковки, закрыл окно, а потом передумал. Что мне дальше делать? Я ведь понятия не имею о js, о том что окно открывается  при изменении и .т.д. Azn
Подумайте, поставьте себя на место обычного покупателя и продумайте весь алгоритм полностью...
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #21 : 30.03.2016, 02:09:16 »

а рядом ссылку изменить, нажимаешь - опять модальное окно  с выбором, а в окне в углу крестик или ссылкой закрыть. не должно быть сложно.
а как Вы советуете? Чтобы карточку не заполонять лишним текстом
Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #22 : 30.03.2016, 02:22:55 »

а рядом ссылку изменить, нажимаешь - опять модальное окно  с выбором, а в окне в углу крестик или ссылкой закрыть. не должно быть сложно.
а как Вы советуете? Чтобы карточку не заполонять лишним текстом
Я не буду советовать, вы просто все еще разок хорошо взвесьте, подумайте и напишите полный алгоритм работы, а я постараюсь вам помочь с его реализацией.
Только вы хорошо подумайте, а то тут у некоторых по 400 атрибутов в магазине бывает Azn
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #23 : 30.03.2016, 02:31:26 »

Я не буду советовать, вы просто все еще разок хорошо взвесьте, подумайте и напишите полный алгоритм работы, а я постараюсь вам помочь с его реализацией.
Только вы хорошо подумайте, а то тут у некоторых по 400 атрибутов в магазине бывает Azn
товарищ Brooksus, давайте завтра доведем начатое до логического конца, все же красиво получается, может, еще кому пригодится...
Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #24 : 30.03.2016, 20:11:55 »

Может и добьем, но вы так и не написали весь алгоритм работы...
Что же касается дублирования id, вот с этим кодом не должно дублироваться
Показать текстовый блок
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #25 : 31.03.2016, 01:00:00 »

алгоритм работы:
1. клиент выбрал ложку, тут же в карточке товара он решает, взять к ней футляр или нет,
2. если футляр ему не нужен, то он выбирает количество товара и нажимает на кнопку купить
3. если футляр ему  нужен, то он выбирает да и открывается модальное окно, где есть название атрибута (виды футляров )  его опции.  Покупатель  выбрал нужную упаковку и кликает на крестик в правом верхнем углу или вне зоны окошка.
4. модальное окно закрывается и остается выбранный вариант упаковки, а рядом - слово изменить на случай, если покупатель решит выбрать другую упаковку
http://prntscr.com/am6tv6

Красным выделено то, что осталось, как у вас говорят, "допилить" для полной и ясной картины в карточке...
Бы хоть... Smiley
Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #26 : 31.03.2016, 01:37:39 »

как у вас говорят...
Прям сразу вспомнилась героиня Нонны Викторовны Мордюковой из фильма "Бриллиантовая рука".
- Ясно. Собутыльник! Ну-ка иди отсюда, Миша! Как у вас там говорят - топай до хазы! Azn)

Постараюсь сделать в ближайшие дни.., ну, если кто-нибудь раньше не сделает Azn
Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #27 : 31.03.2016, 01:56:51 »

хорошо. выхода нет, переключусь пока на другую проблему...
Записан
Brooksus
Завсегдатай
*****

Репутация: +153/-0
Offline Offline

Пол: Мужской
Сообщений: 601


Ща спою...


« Ответ #28 : 31.03.2016, 16:18:48 »

Стили только настройте
Показать текстовый блок
« Последнее редактирование: 31.03.2016, 16:23:04 от Brooksus » Записан
diana1975
Осваиваюсь на форуме
***

Репутация: +1/-0
Offline Offline

Сообщений: 134


« Ответ #29 : 01.04.2016, 00:46:29 »

спасибо, Brooksus, за решение, сейчас все работает, как надо, только Вы забыли слово изменить возле выбранной опции...
сейчас полная карточка товара выглядит так: http://adellin.ru/serebro/stolovoe-serebro/chajnye-kofejnye-lozhki/serebryanaya-chajnaya-lozhka-tsvetok
При необходимости изменить выбранный вариант опции, народ не поймет, что делать дальше и, не дай бог, начнет думать
Записан
Страниц: [1] 2  Все   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet