Skip to content

Get started
Docs
Tutorials
What’s new
Blog
Support

Search the documentation

Documentation

Get started
Docs
Tutorials
What’s new
Blog
Support

pinegrow.com

Features
Buy
FAQ
Contact us
Pinegrow home

Home
…
Docs
WordPress
WooCommerce
WooCommerce themes course
The product image gallery

Docs menuWordPress

Get started
Docs
Tutorials
What’s new
Blog
Support

Get started

Convert HTML to a WordPress theme
Theme creation overview
Ten points for WordPress development
Courses and tutorials

Theme building

Template structure
Templates guide
Template names
Including Scripts and Styles
Responsive images
theme.json
Live data and preview
Components
Using Interactions
Starter Theme 2
- Starter Theme 2 documentation

Custom blocks

Custom blocks

Actions reference

Actions
Theme and page settings
- Theme / Plugin Settings
- Page Settings
Post actions
Site actions
Block actions
Smart actions
- Post & Loop (Smart)

WooCommerce

WooCommerce

WordPress plugin

WordPress plugin

Theme Converter

Working with Selectors
Webflow to WordPress with Theme Converter
Webflow project to WordPress

Troubleshooting

Troubleshooting
WordPress FAQ

Older content

Features

CoursesWordPressCoursesWordPress2022-03-21

WooCommerce themes courseLesson 19 of 60

The product image gallery

Updated March 21, 2022

Using default WooCommerce gallery with interactivity and a bit of custom styling.

Next lesson: 20. The sale flash sticker with saved amount

Sign up for Pinegrow Courses

Subscribe to keep in touch with the latest Pinegrow courses about web development and design. We don't spam and you can easily unsubscribe.

Your name

Email address

Previous18. The product attributesWooCommerce themes course Next lesson20. The sale flash sticker with saved amountWooCommerce themes course

Was this page helpful?

Report a problem

© Pinegrow Pte. Ltd., 10 Anson Road #22-15 International Plaza Singapore (079903) -Privacy & Anti-spam policy