Медиатека WooCommerce с папками и фильтрами

WooCommerce стал незаменимым при создании электронной коммерции благодаря возможностям и инструментам, которые он предлагает, но может ли этот потрясающий плагин быть ещё лучшим инструментом? Что ж, ответ — да! Но представьте магазин, содержащий тысячи товаров, с опциями, где для каждого — 5 изображений. Найти медиафайл, чтобы использовать его повторно, было бы почти невозможно, но… Хорошие новости! У нас есть решение для этого ;)

Поскольку мы уже говорили о том, что может потребоваться для создания идеального интернет-магазина, сейчас речь пойдёт об одном из лучших решений, доступных на рынке, таком как WP Media Folder, который представляет собой плагин, предлагающий замечательные галереи, которые можно использовать при вставке изображений и видео на ваш сайт WordPress, но помимо этого он также позволяет сортировать файлы по папкам и подпапкам.

Как видите, вы можете использовать эти два плагина для повышения производительности, поскольку WP Media Folder полностью совместим с WooCommerce, так что вы получите идеальное сочетание: WooCommerce для создания и управления вашим интернет-магазином и WP Media Folder для упорядочивания всех ваших файлов, но это ещё не всё — давайте посмотрим, как можно использовать это сочетание.

Использование медиапапок WooCommerce

Используя медиапапки WooCommerce, вы сможете улучшить свою работу, так как все медиафайлы будут упорядочены, и вы сможете найти их в один-два клика, чтобы использовать для создания новой записи о товаре или создать новую, используя медиафайлы внутри товара.

Мы собираемся показать пример того, как создавать и использовать эти папки, и привести несколько вариантов использования, чтобы дать вам идеи для улучшения вашего интернет-магазина.

В этом примере мы будем использовать магазин одежды; на следующем изображении вы увидите полностью беспорядочную медиатеку с изображениями товаров внутри.

Как видите, все изображения перемешаны: рубашки, свитера, брюки, изображения тем — всё в беспорядке, и найти конкретное изображение может быть действительно сложно, поэтому… Что я могу сделать, чтобы решить это с помощью WP Media Folder? С WP Media folder вы сможете упорядочить их, чтобы упростить процесс выбора. Например, мы можем создать папку для мужчин и другую для женщин, а внутри них — подкатегории, такие как брюки, рубашки, очки, и вы можете установить ограничение в 8 уровней подкатегорий, чтобы упорядочить всё так, как вам нравится.

Процесс создания папки с помощью этого замечательного плагина очень прост — просто используйте меню слева.

Создайте родительскую папку, нажав на «Создать папку», введите имя и нажмите «Создать».

Чтобы создать подпапку, просто перейдите в папку, в которой вы хотите создать подпапку, и повторите шаги; вы увидите стрелку, на которую можно нажать, чтобы просмотреть все подпапки.

Очень простой процесс, а добавление изображений в соответствующие папки ещё проще: просто нажмите «Массовый выбор», выберите все изображения и перетащите их в папку или подпапку, куда хотите их добавить.

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

И всё будет очень легко найти.

Но что, если у вас много папок? Найти конкретную может быть действительно сложно. В WP Media Folder тоже есть инструмент, который упрощает эту задачу: текстовое поле над папками. Просто введите название папки, которую ищете, и нажмите клавишу Enter.

Вы сможете увидеть все папки, связанные с той, которую вы ввели.

Создание товара с помощью медиаменеджера WooCommerce

Хорошо, всё идеально: вы можете создавать все папки и упорядочивать все свои медиафайлы внутри медиабиблиотеки, но можно ли использовать это в менеджере медиафайлов WooCommerce? Ответ — однозначно да! Все медиафайлы будут доступны в момент создания товара для вашего интернет-магазина: просто перейдите к товару, который хотите отредактировать или добавить, и нажмите «установить изображение товара» — вы увидите менеджер медиафайлов со всеми папками и изображениями внутри.

Есть несколько опций для фильтрации и сортировки изображений внутри папки/подпапки, которые помогут вам найти нужное изображение, вы можете изменить параметры фильтрации в Настройки > WP Media Folder > Фильтрация медиафайлов.

Просто измените и нажмите кнопку Сохранить изменения . Чтобы использовать параметры фильтрации и сортировки в медиабиблиотеке, просто нажмите «Сортировка / Фильтрация» и выберите нужные параметры.

Вы также можете сортировать папки в меню по идентификатору, названию или произвольному порядку — это поможет быстрее найти нужную папку.

Процесс установки изображения тот же, поэтому просто выберите изображения, которые вы хотите использовать для своего товара, и нажмите на кнопку «Установить изображение товара».

Установите логотип с помощью водяных знаков на изображениях

Изображения, которые мы используем в наших продуктах, действительно важны, так как иногда мы можем платить моделям, чтобы получить лучшие снимки для отображения медиафайлов нашего продукта, поэтому нам следует использовать водяной знак. Водяной знак — это лучший знак, который мы можем добавить к медиафайлам, которые есть в нашем магазине.

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

Что произойдет, если у нас не будет водяного знака? Другие магазины смогут использовать эти профессиональные фотографии, которые мы сделали, и самое худшее — они не поделятся заслугами с нашим магазином.

Но не волнуйтесь, с WP Media Folder вы сможете самым простым способом установить водяной знак на все изображения ваших товаров.

Чтобы установить водяной знак на изображения товаров, перейдите в WP Media Folder Конфигурация > Переименование и водяной знак > Вкладка «Водяной знак».

В этом разделе мы сможем увидеть все доступные параметры для водяного знака, прежде всего давайте включим функцию «Водяной знак на изображении» и выберем изображение для водяного знака, нажав на Выбрать.

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

Следующий шаг — выбрать папки, в которые мы хотим добавить этот водяной знак. Это самое лучшее в данной функции: вы можете выбрать только изображения из магазина и не трогать изображения, куда не хотите добавлять водяной знак, поэтому мы выберем только папку, созданную для этого руководства под названием Изображения магазина.

Наконец, нажмите на Пересоздание миниатюр и водяной знак будет добавлен ко всем выбранным размерам для всех выбранных папок.

Процесс начнётся, и вы увидите индикатор выполнения, поэтому по его завершении водяной знак будет добавлен.

Вы можете вернуться в свою медиатеку и увидеть, что все выбранные нами изображения теперь имеют водяной знак.

Добавляйте удаленные видео к своим товарам, чтобы они выглядели действительно профессионально

Ещё одна хорошая практика при добавлении товаров — добавлять видео.

Обычно, в зависимости от предлагаемого продукта, нам может понадобиться видео, описывающее, что представляет собой продаваемый продукт, например, если мы продаём видеоигры.

Иногда мы можем просто повторно использовать уже готовые видео, например, для видеоигр, у которых есть трейлеры, и мы можем добавить их напрямую с YouTube, используя WP Media Folder.

В этом примере мы собираемся добавить трейлер видеоигры для продвижения в нашем магазине, для этого мы можем перейти непосредственно в раздел Товар в WooCommerce и нажать Добавить новый.

В этом разделе мы можем приступить к добавлению товара, как мы обычно это делаем.

Допустим, мы хотим добавить видео непосредственно в описание товара, тогда мы просто переходим к описанию, нажимаем Добавить медиафайл и увидим опцию Вставить по URL нажимаем на неё и добавляем URL видео, будет добавлен шорткод.

Короткий код вы увидите в описании.

Наконец, вы можете завершить создание товара, и видео будет отображаться в описании на стороне пользователя.

Теперь вы можете добавлять видео к своим товарам самым простым и профессиональным способом.

Ещё один способ просмотреть папки с изображениями WooCommerce

Здесь мы рассмотрим идею использования папок изображений WooCommerce для показа ваших товаров путём создания галерей — это будет выглядеть действительно здорово, и вы задействуете WP Media Folder по максимуму.

Клиенты всегда ищут самый профессиональный и простой способ увидеть товар, который они хотят купить, и что может быть профессиональнее, чем демонстрация ваших товаров в потрясающих и адаптивных галереях? WP Media Folder может значительно упростить эту задачу, поскольку вы сможете создавать потрясающие и разнообразные галереи простым нажатием и выбором.

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

Вы сможете увидеть все страницы и товары, доступные на вашем сайте WordPress, выберите товар, соответствующий этому изображению, вы можете использовать поле поиска, чтобы найти нужный товар, и нажмите «открыть ссылку в новой вкладке», если хотите, чтобы она отображалась в новой вкладке, и наконец нажмите «добавить ссылку».

Повторите этот процесс со всеми изображениями, которые вы собираетесь использовать для галереи, после этого перейдите в  Добавить новую запись/страницу и выберите блок «Wp media folder галерея» в разделе WP Media Folder .

Теперь нажмите на Медиабиблиотека.

Выберите изображения, которые хотите использовать для галереи (те, для которых вы выбрали ссылку), и нажмите Создать новую галерею.

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

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

Наконец, найдите выпадающий список «Действие при клике» и выберите опцию «Страница вложения» в правом меню.

Наконец, нажмите «Опубликовать» — и всё готово: у вас будет потрясающий магазин, созданный с помощью галереи.

Просто нажмите на него и позвольте магии работать — вы сможете увидеть все товары, которые вы настроили.

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

Вы также можете импортировать файлы и структуру папок со своего сервера

Клиенты всегда ищут в интернете магазины, которые приятно выглядят и просты в использовании, а также достаточно оригинальны и имеют большой каталог, отображаемый максимально профессионально. Как уже отмечалось, сочетание этих плагинов позволяет создать несколько таких магазинов действительно быстро и просто. Чего же вы ждёте?

Переходите и получите WP Media Folder прямо сейчас: https://www.joomunited.com/wordpress-products/wp-media-folder