1The challenge
Customers buying an artificial plant want to see it from every side before they order. The standard Magento gallery couldn’t show what Maxifleur wanted to show:
- No support for 360° photos or product video.
- A mobile experience that did not fit a premium brand.
- Heavy media is a risk for Core Web Vitals if it loads up front.
- The content team needed control over the media order per product, without a developer.
Why video matters for artificial plants
Size, leaf density and colour are hard to judge from a single photo. A short video or a 360° spin answers those questions on the product page, before the customer has to contact customer service or send a product back.
2Our approach
We built a fully custom gallery component in Hyvä with Alpine.js and Tailwind CSS, designed around Maxifleur’s product pages and managed from the Magento admin.
One gallery for every media type
Photos, 360° spins and YouTube or Vimeo videos in one component, in a display order the team can adjust.
Video without the weight
Videos load only when the customer clicks play, which protects load time and Core Web Vitals.
Built for touch and keyboard
Swipe navigation on mobile, keyboard navigation on desktop and a ’show more’ option for products with many images.
Managed by the content team
Media order, alt text and titles are set per product in the Magento admin, without a developer.
3The result
Maxifleur can now show each plant the way a customer would see it in the showroom. Session duration on product pages went up after launch, and customers who watched a video added products to their cart more often than customers who only looked at photos.
We kept extending the gallery after launch: video playback was fixed for Safari on Apple devices, the gallery moved into the new Hyvä V2 design and a ’show more’ option keeps long galleries tidy.
Next step: adding video links straight from the Plytix PIM, so new product videos reach the gallery without manual work.
?Frequently asked questions about product media in Magento
Can Magento show product videos and 360° photos?
Not well out of the box. Standard Magento supports images and basic video, but not 360° spins or a custom display order per media type. A custom gallery component, as we built for Maxifleur, adds this without heavy extensions.
Doesn’t video make the product page slower?
Only if it loads straight away. In this gallery the video loads when the customer clicks play, so it doesn’t affect the first page load.
Can our content team manage the media themselves?
Yes. Media, display order, alt text and titles are managed per product in the Magento admin, with drag and drop.
Does this work on Luma as well as Hyvä?
This component was built for Hyvä with Alpine.js. For a Luma webshop we would first look at whether a Hyvä migration makes sense, since that also improves overall speed.
