Виведення атрибутів в категорії при наведенні opencart
Вывод атрибутов в категории при наведении opencart
💼 Cтворення сучасних веб сайтів будь якої складності. | 👌 WEB-UKRAINE.COM

Виведення атрибутів в категорії при наведенні opencart

5/59 ratings

Доброго часу доби шановні користувачі!

Давно я тут нічого не писав, сьогодні одному з клієнтів потрібно вивести в категоріях, в акціях, в пошуку і т.д ... можливість виведення крім основної інформації про товар ще й всі атрибути які присутні в товарі, в зв'язку з цим я вирішив тут опублікувати рішення даного питання.

Дана стаття як і багато інших на нашому сайті за великим рахунком пишеться як замітка для самого себе, але я буду радий якщо і Вам стане в нагоді ця інформація.

І так, сьогодні я постараюся коротко описати всі дії про те як в списках товарів на сайті, тобто в категоріях і їм подібних вивести атрибути до товарів, робити ми будемо два рішення, перше це ми виведемо всі доступні атрибути товару і другий спосіб це висновок тільки тих атрибутів які Вам потрібні тобто вибірково.

Всі дії ми будемо проводити на opencart 1,5 ...

Насамперед нам потрібно внести деякі зміни в контролер категорії (Якщо Ви додаєте для акцій, пошуку, виробників ... То все робите за аналогією)

Відкриваємо файл:

І в ньому після рядка:

Додамо:

З контролером закінчили, тепер приступимо до файлу category.tpl нашого активного шаблону в магазині:

Знаходимо блок відповідає за виведення товару, у кожного шаблону його стилі можуть бути різні і в довільному місці додаємо код вказаний нижче я додав його в своєму шаблоні перед останнім DIV блоку товару.

Зазначеним вище шматком коду ми виводимо всі доступні атрибути товару.

Якщо ж Вам потрібно виводити саме певні вибіркові атрибути то замість вищевказаного шматка коду ми додаємо наступний код:

Зверніть свою увагу на список циферок в коді 12, 13, 14, 15, ..... це як раз і є наші обрані зазначені атрибути, тобто тут ми через кому додаємо ID атрибута.

Дізнатися ID атрибута дуже просто, перейдіть в адмін панелі в вкладку атрибути, і напроти потрібного нам для відображення атрибута тиснемо змінити, в рядку браузера дивимося посилання, в самому кінці посилання буде відображений ID атрибута.

В цілому у Вас вже повинні в категорії з'явиться атрибути, але виглядати вони будуть без форматування, м'яко кажучи криво.

Щоб наші атрибути красиво виглядали нам потрібно додати для них трохи стилів, в даному прикладі стилі я буду вказувати саме ті що я використовував для свого сайту, Вам же скоріше за все доведеться їх трохи підправляти під себе!

І так в даному прикладі я виводжу атрибути саме при наведенні на товар, тобто спочатку вони приховані, а як тільки наводимо курсор мишки на товар з'являються потрібні нам атрибути. приклад Ви можете подивитися на фото в статті!

І так додаємо в файл стилів вашого шаблону код стилів:

Ось в принципі і все.

є кілька варіантів даного рішення, але на моє думки для мене він здався самим правильним і простим.

Загальним пробуйте якщо щось не вийде або Ви хочете запропонувати інше рішення пишіть в коментарях!

Вас також може зацікавити

Немає коментарів

Ви можете залишити коментар першим.

Залишити відповідь

Виберіть спосіб спілкування
Звязатися з нами!
Ми готові до діалогу.