Ch0oJoy Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 Переделал опции, но столкнулся с проблемой.. При выборе опции покупатель никак не видит что она активная, хотя выбор в заказ поступает. Помогите хоть как-то обозначить выбранную опцию. Может можно как на скрине (вариант 2.3.4)? Все что смог сделать, это осветление при нажатии, но оно только мигнуло и все. Вот код опции: <?php } ?> <?php if ($option['type'] == 'image') { ?> <div id="option-<?php echo $option['product_option_id']; ?>" class="option"> <?php if ($option['required']) { ?> <span class="required">*</span> <?php } ?> <b><?php echo $option['name']; ?>:</b> <small> - (нажмите на цвет и он автоматически добавится)</small> <br /> <table class="option-image"> <?php foreach ($option['option_value'] as $option_value) { ?> <tr class="tr_my_options"> <td style="display:none;"><input type="radio" name="option[<?php echo $option['product_option_id']; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td> <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td> <td><label class="name_my_options" for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><td style="display:none;"><?php echo $option_value['name']; ?></td> <?php if ($option_value['price']) { ?> (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>) <?php } ?> </label></td> Надіслати Поділитися на інших сайтах More sharing options...
pantagruel964 Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 input:checked { } Надіслати Поділитися на інших сайтах More sharing options... Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 input:checked { } Добавил в CSS, но ничего не поменялось. Вот мой CSS .product-info .option-image label { display: block; } .product-info .option-image :hover { opacity:1; } .product-info .option-image :active { opacity:0.5; } .product-info .option-image input:checked{ display: block; width: 100%; height: 100%; } .product-info .option-image img { margin-right: 5px; border: 1px solid #FFFFFF; cursor: pointer; width: 25px; height: 25px; Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 У вас же скрытый элемент <td style="display:none;"> В нем не будет показыватся input:checked. Предлагаю убрать все элементы td, потом выбранный элемент можно подсветить так .product-info .option-image input:checked + label img{ border: 3px solid #888; } Надіслати Поділитися на інших сайтах More sharing options... pantagruel964 Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 скрытый элемент <td style="display:none;"> Скорее всего там по клику меняется на block, по фотографии тяжело гадать убрать все элементы td и сверстать по-человечески, используя для radio псевдоэлементы :before или :after. За верстку таблицами уже давно пора по рукам бить. Надіслати Поділитися на інших сайтах More sharing options... Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 pashast, Пробовал Вашим способом, вот что получилось, может что-то не так сделал... Подскажите пожалуйста. Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 Пробовал Вашим способом, вот что получилось, может что-то не так сделал... Подскажите пожалуйста. 12.png .option-image лишнее ответил в ЛС Надіслати Поділитися на інших сайтах More sharing options... Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 Спасибо большое всем, все получилось! Надіслати Поділитися на інших сайтах More sharing options... afwollis Опубліковано: 4 січня 2016 Share Опубліковано: 4 січня 2016 вот уже обсуждалось (не первый раз): https://opencartforum.com/topic/55221-%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%BE-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BE%D0%BF%D1%86%D0%B8%D0%B8-%D0%BF%D1%80%D0%B8-%D0%B2%D1%8B%D0%B1%D0%BE%D1%80%D0%B5/?do=findComment&comment=489251 Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Підтримка та відповіді на запитання. Шаблони, дизайн та оформлення магазину [Решено] Изменить активную опцию Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення PRICE MASTER - Модуль імпорту/експорту товарів, парсинг, переклад, генерація текстів, редактор каталогу та багато іншого Автор: ScriptBrains 1.0 Синхронізація Замовлень Rozetka.ua та Opencart Автор: sinco Product Manipulator Автор: Hiperlynx007 Видалення дублікатів товарів для OpenCart Автор: Hatshypsut Вибір категорій і виробників для "Знайшли дешевше" шаблону Upstore Автор: Flint2000 × Уже зареєстровані? Ввійти Реєстрація Ваші замовлення Назад Придбані модулі та шаблони Ваші рахунки Лист очікувань Альтернативні контакти Форум Новини ocStore Назад Офіційний сайт Демо ocStore 3.0.3.2 Демо ocStore 2.3.0.2.4 Завантажити ocStore Документація Історія версій ocStore Блоги Модулі Шаблони Назад Безкоштовні шаблони Платні шаблони Де купувати модулі? Послуги FAQ OpenCart.Pro Назад Демо Купити Порівняння × Створити... Important Information На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність. Я даю згоду
Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 input:checked { } Добавил в CSS, но ничего не поменялось. Вот мой CSS .product-info .option-image label { display: block; } .product-info .option-image :hover { opacity:1; } .product-info .option-image :active { opacity:0.5; } .product-info .option-image input:checked{ display: block; width: 100%; height: 100%; } .product-info .option-image img { margin-right: 5px; border: 1px solid #FFFFFF; cursor: pointer; width: 25px; height: 25px; Надіслати Поділитися на інших сайтах More sharing options...
pashast Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 У вас же скрытый элемент <td style="display:none;"> В нем не будет показыватся input:checked. Предлагаю убрать все элементы td, потом выбранный элемент можно подсветить так .product-info .option-image input:checked + label img{ border: 3px solid #888; } Надіслати Поділитися на інших сайтах More sharing options... pantagruel964 Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 скрытый элемент <td style="display:none;"> Скорее всего там по клику меняется на block, по фотографии тяжело гадать убрать все элементы td и сверстать по-человечески, используя для radio псевдоэлементы :before или :after. За верстку таблицами уже давно пора по рукам бить. Надіслати Поділитися на інших сайтах More sharing options... Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 pashast, Пробовал Вашим способом, вот что получилось, может что-то не так сделал... Подскажите пожалуйста. Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 Пробовал Вашим способом, вот что получилось, может что-то не так сделал... Подскажите пожалуйста. 12.png .option-image лишнее ответил в ЛС Надіслати Поділитися на інших сайтах More sharing options... Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 Спасибо большое всем, все получилось! Надіслати Поділитися на інших сайтах More sharing options... afwollis Опубліковано: 4 січня 2016 Share Опубліковано: 4 січня 2016 вот уже обсуждалось (не первый раз): https://opencartforum.com/topic/55221-%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%BE-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BE%D0%BF%D1%86%D0%B8%D0%B8-%D0%BF%D1%80%D0%B8-%D0%B2%D1%8B%D0%B1%D0%BE%D1%80%D0%B5/?do=findComment&comment=489251 Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Підтримка та відповіді на запитання. Шаблони, дизайн та оформлення магазину [Решено] Изменить активную опцию Покупцям Оплата розширень фізичними особами Оплата розширень юридичними особами Політика повернень Розробникам Регламент розміщення розширень Регламент продажу та підтримки розширень Віртуальний обліковий запис автора Політика просування оголошень API каталогу розширень Вирішення спорів щодо авторських прав Корисна інформація Публічна оферта Політика повернень Політика конфіденційності Платіжна політика Політика передачі особистих даних Політика прозорості Останні розширення PRICE MASTER - Модуль імпорту/експорту товарів, парсинг, переклад, генерація текстів, редактор каталогу та багато іншого Автор: ScriptBrains 1.0 Синхронізація Замовлень Rozetka.ua та Opencart Автор: sinco Product Manipulator Автор: Hiperlynx007 Видалення дублікатів товарів для OpenCart Автор: Hatshypsut Вибір категорій і виробників для "Знайшли дешевше" шаблону Upstore Автор: Flint2000
pantagruel964 Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 скрытый элемент <td style="display:none;"> Скорее всего там по клику меняется на block, по фотографии тяжело гадать убрать все элементы td и сверстать по-человечески, используя для radio псевдоэлементы :before или :after. За верстку таблицами уже давно пора по рукам бить. Надіслати Поділитися на інших сайтах More sharing options... Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 pashast, Пробовал Вашим способом, вот что получилось, может что-то не так сделал... Подскажите пожалуйста. Надіслати Поділитися на інших сайтах More sharing options... pashast Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 Пробовал Вашим способом, вот что получилось, может что-то не так сделал... Подскажите пожалуйста. 12.png .option-image лишнее ответил в ЛС Надіслати Поділитися на інших сайтах More sharing options... Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 Спасибо большое всем, все получилось! Надіслати Поділитися на інших сайтах More sharing options... afwollis Опубліковано: 4 січня 2016 Share Опубліковано: 4 січня 2016 вот уже обсуждалось (не первый раз): https://opencartforum.com/topic/55221-%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%BE-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BE%D0%BF%D1%86%D0%B8%D0%B8-%D0%BF%D1%80%D0%B8-%D0%B2%D1%8B%D0%B1%D0%BE%D1%80%D0%B5/?do=findComment&comment=489251 Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку Последние темы Последние дополнения Последние новости Вся активність Головна Підтримка та відповіді на запитання. Шаблони, дизайн та оформлення магазину [Решено] Изменить активную опцию
Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 pashast, Пробовал Вашим способом, вот что получилось, может что-то не так сделал... Подскажите пожалуйста. Надіслати Поділитися на інших сайтах More sharing options...
pashast Опубліковано: 3 січня 2016 Share Опубліковано: 3 січня 2016 Пробовал Вашим способом, вот что получилось, может что-то не так сделал... Подскажите пожалуйста. 12.png .option-image лишнее ответил в ЛС Надіслати Поділитися на інших сайтах More sharing options... Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 Спасибо большое всем, все получилось! Надіслати Поділитися на інших сайтах More sharing options... afwollis Опубліковано: 4 січня 2016 Share Опубліковано: 4 січня 2016 вот уже обсуждалось (не первый раз): https://opencartforum.com/topic/55221-%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%BE-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BE%D0%BF%D1%86%D0%B8%D0%B8-%D0%BF%D1%80%D0%B8-%D0%B2%D1%8B%D0%B1%D0%BE%D1%80%D0%B5/?do=findComment&comment=489251 Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0 Перейти до списку тем Зараз на сторінці 0 користувачів Ні користувачів, які переглядиють цю сторінку
Ch0oJoy Опубліковано: 3 січня 2016 Автор Share Опубліковано: 3 січня 2016 Спасибо большое всем, все получилось! Надіслати Поділитися на інших сайтах More sharing options...
afwollis Опубліковано: 4 січня 2016 Share Опубліковано: 4 січня 2016 вот уже обсуждалось (не первый раз): https://opencartforum.com/topic/55221-%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%BE-%D0%B8%D0%B7%D0%BC%D0%B5%D0%BD%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BE%D0%BF%D1%86%D0%B8%D0%B8-%D0%BF%D1%80%D0%B8-%D0%B2%D1%8B%D0%B1%D0%BE%D1%80%D0%B5/?do=findComment&comment=489251 Надіслати Поділитися на інших сайтах More sharing options... Створіть аккаунт або увійдіть для коментування Ви повинні бути користувачем, щоб залишити коментар Створити обліковий запис Зареєструйтеся для отримання облікового запису. Це просто! Зареєструвати аккаунт Вхід Уже зареєстровані? Увійдіть тут. Вхід зараз Share More sharing options... Передплатники 0
Recommended Posts