Method 1: Create Eye-Catching Product Image Galleries with SeedProd
If you’re looking to effortlessly enhance your blog posts or pages with visually appealing product galleries, SeedProd is the perfect solution. As the top drag-and-drop WordPress page builder, SeedProd enables you to create custom WordPress themes and landing pages without any coding skills. With built-in WooCommerce blocks and seamless integration, adding product image galleries to your WordPress site has never been simpler. Follow these step-by-step instructions to begin:
Choose Your Ideal WooCommerce Template Kit
Start by installing and activating the SeedProd plugin. You can find detailed instructions on installing a WordPress plugin in our comprehensive guide. After activation, head to SeedProd » Settings from your WordPress dashboard and enter your license key (available on the SeedProd website). Click the ‘Verify key’ button to proceed.
Next, go to SeedProd » Theme Builder and click the ‘Theme Template Kits’ button to select a WooCommerce template kit that suits your online store. Click on the magnifying glass icon to preview the design of each equipment. Choose your desired template kit by clicking the checkmark. Alternatively, you can opt for the WooCommerce Starter Theme or any other appealing template kit.
Add Your WooCommerce Product Image Gallery Slider
To create a stunning product image gallery, access SeedProd’s visual page builder by clicking on the ‘Product Gallery Images’ block in the left-hand panel. Drag and drop this block anywhere on your page preview area. The partnership will automatically display your product information and images from WooCommerce.
Personalize your gallery by adjusting the image zoom option and the zoom button’s position, font size, icon color, border radius, and background color. You can customize the image and thumbnail borders by setting the border radius, style, color, and width. For more advanced customization options, including spacing, CSS ID and class, animation effects, and device visibility, click on the ‘Advanced’ tab. Once satisfied with your changes, click ‘Save’ to finalize your product image gallery.
Publish Your WooCommerce Product Image Gallery
To make your product image gallery live on your website, exit the visual builder and return to the ‘Theme Builder’ dashboard. Toggle the ‘Enable SeedProd Theme’ switch to the ‘Yes’ position. Congratulations! Your WooCommerce product image gallery is now ready and visible on your website. Visitors can navigate the product images and zoom in to examine the details.
Method 2: Showcase Your Products Using Envira Gallery
Another effective method to create a WooCommerce product gallery is by utilizing Envira Gallery, the leading WordPress photo gallery plugin. Envira Gallery enables you to showcase your products anywhere on your WordPress site seamlessly. Follow the steps below to get started:
Install and Activate Envira Gallery
To begin, install and activate the Envira Gallery plugin. Refer to our detailed guide on installing a WordPress plugin for comprehensive instructions. Once the plugin is activated, navigate to the Envira Gallery » Settings page and enter your license key (available on the Envira Gallery website). Verify the license key to proceed.
Install and Activate the ‘Featured Content’ Addon
Next, go to Envira Gallery » Addons and install and activate the ‘Featured Content’ addon. This addon enables you to display your WooCommerce products in Envira galleries. Click the ‘Install’ button under the Featured Content Addon to add it to your plugin.
Create Your Product Gallery
Head to Envira Gallery » Add New to create your new product gallery. Start by giving your gallery a title. Under the ‘External Gallery’ tab, select the ‘Featured Content’ option. Scroll to the ‘Images’ tab and choose the ‘Product’ option in the ‘Select Your Post Type(s)’ field. This custom post type is specifically designed for WooCommerce products.
If you have multiple products, consider creating separate galleries to organize them better. Select specific product tags or categories to narrow down the listings for each gallery. Remember to set the post type as ‘Product’ for all your WooCommerce product galleries. You can also choose taxonomy term relations to display specific products in your galleries.
Once you’ve completed the necessary steps, publish your product gallery to make it available for addition to any post or page on your WordPress site.
Add Your WooCommerce Product Gallery to WordPress
To display your WooCommerce product gallery:
- Create a new post or edit an existing one.
- In the content editor, click the ‘+’ button and select the Envira Gallery block.
- Choose your product image gallery from the dropdown menu. You’ll see a preview of your gallery in the block editor.
- If it doesn’t load, don’t worry—you can preview your post or page to ensure it’s working correctly.
After previewing and making any necessary adjustments, save and publish your post. Visit your website to see the product gallery in action.
This tutorial has provided you with the knowledge to create captivating WooCommerce product image galleries for your online store. For more tips on improving your business website
