Створюйте дивовижні галереї продуктів WooCommerce за допомогою доповнення галереї WP Media Folder

Під час ведення сайту електронної комерції дуже важливо професійно представляти свої товари, оскільки це, по суті, причина, чому ваші клієнти відвідують ваш сайт. 

Професійна презентація ваших продуктів може бути справді складним і трудомістким завданням, але це більше не буде проблемою з WP Media Folder та його чудовим доповненням Gallery Addon.

Доповнення WP Media Folder Gallery надає вам безліч інструментів та попередньо визначених тем, які ви можете використовувати для відображення своїх медіафайлів та їх ідеального налаштування на вашому сайті. У цій публікації ми побачимо, наскільки легко ним користуватися :)

Створення галереї товарів для вашого сайту WooCommerce 

Інструменти, що використовуються в цій публікації, це WP Media Folder, доповнення WP Media Folder Gallery та WooCommece. Майте на увазі, що вони вам потрібні, щоб мати змогу створювати галереї, описані тут.

Отже, припустимо, що у нас є товари на сайті, але ми хочемо відобразити попередній перегляд товару за допомогою галереї. Тож давайте створимо цю чудову галерею, перейшовши до менеджера галерей у меню Медіа > Галереї медіапапок.

У цьому розділі натисніть +Додати нову галерею > Створити нову медіагалерею ліворуч.

Відкриється спливаюче вікно, де ви можете ввести назву галереї, якщо хочете визначити її як підгалерею, а також тему, яку ви хочете використовувати. Не хвилюйтеся про вибір теми зараз, оскільки ми зможемо змінити її пізніше, тому завершіть початкове налаштування та натисніть кнопку « Створити» .

Тепер на наступному екрані ви можете вибрати, куди ви хочете завантажити зображення, варіанти: медіатека, комп’ютер, відео (з Youtube або Vimeo) та Google Фото.

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

Отже, процес буде таким: натисніть на джерело, де ви хочете вибрати зображення, потім виберіть зображення та нарешті натисніть «Завантажити/імпортувати».

Після завантаження ви зможете побачити зображення, і якщо навести на них курсор, то зможете редагувати порядок, а також керувати налаштуваннями зображення.

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

Ви можете додати всю потрібну інформацію та, нарешті, натиснути кнопку «Зберегти» .

Це завершить загальне налаштування вашої галереї. Ви також можете зробити це безпосередньо зі сторінки продукту, перейшовши на сторінку продукту та натиснувши «Додати медіа» в описі.

Відкриється спливаюче вікно, де ви зможете вибрати Галерею WP Media Folder у розділі Дії .

Після натискання на нього завантажиться Менеджер медіагалереї, де ви зможете побачити всі опції, які були в оригінальному Менеджері медіагалереї. Оскільки ми вже завершили перше налаштування, ми можемо перейти до вибору теми та її налаштування на «Налаштування дисплея та короткий код» .

Як бачите, тут ви можете редагувати всі налаштування, пов’язані з макетом галереї, такі як тема, поля, порядок, кількість стовпців та всі інші налаштування, щоб ви могли адаптувати свою галерею до теми вашого сайту без допомоги розробника. 

Після завершення налаштувань ви можете перевірити, як це виглядатиме, за допомогою «Попередній перегляд» і нарешті натиснути «Вставити» у верхній частині спливаючого вікна.

У редакторі з’явиться сірий блок, який сповістить вас про правильне налаштування галереї.

Як бачите, ми можемо легко керувати галереєю та повністю змінювати макет безпосередньо зі сторінки редагування продукту, що дозволяє вам заощадити багато часу та зусиль з усіма варіантами відображення.

Перегляньте всі доступні теми для вашої галереї зображень товарів 

Тепер, коли ми побачили, як використовувати всі опції доповнення WP Media Folder Gallery, давайте розглянемо всі теми, доступні в цьому чудовому доповненні, і як вони виглядатимуть у вашому описі продукту.

За замовчуванням

Masonry

Портфоліо

Слайдер

Слайд потоку

Квадратна сітка

Матеріал

Користувацька сітка

Багато варіантів на вибір, щоб ідеально підібрати вашу тему, і якщо вам подобається один із них, але ви хочете змінити, можливо, інтервал між зображеннями або навіть розмір, ви можете зробити це безпосередньо з менеджера медіагалереї, чудово! Чи не так?

Почніть налаштування галереї товарів для WooCommerce 

Як ви могли бачити, це справді потужний інструмент з багатьма опціями для максимального налаштування ваших галерей, і це ще не всі опції! Ви зможете робити багато інших речей, таких як підключення хмарних сервісів, таких як Google Drive, Dropbox, OneDriveта AWS.

А завдяки доповненню галереї ви також зможете імпортувати повні альбоми безпосередньо з Google Фото до опису вашого продукту, тож чого ви чекаєте? Перейдіть сюди та отримайте власний менеджер галерей зараз.