This add-on is part of our Subscription plan.
Subscribe once — enjoy all add-ons without limits.
The add-on adds navigation arrows to the product image gallery and lets you customize their color and placement. It makes browsing product photos easier when customers need to move through images directly on the product page.
This add-on improves product image navigation without changing templates by hand. Instead of relying only on thumbnails, shoppers get clear arrow controls, while the store owner can decide how they look and where they appear.
Arrow color selection with a color picker, arrow placement on the sides of the image or below it, product-page gallery support, and a clean fit into the existing product card interface.
The add-on uses its own settings and does not require any extra actions from customers: arrows appear automatically where the product gallery is enabled.
After configuration, the add-on injects arrows into the product image gallery and applies the chosen color and position. If the side layout is selected, the arrows appear to the left and right of the image; if the below-image layout is selected, the navigation is shown under the gallery.
All changes happen on the storefront side and appear on the product page immediately after the settings are saved and the page is refreshed.
Have questions about the add-on?
The add-on adds navigation arrows to the product image gallery and lets you customize their color and position. This makes it easier for shoppers to switch between product photos right on the product page.
The settings are available under Add-ons → Manage add-ons. In the add-on card, you can change the arrow color and placement.
The Color setting uses a color picker, while Position lets you choose between On the sides and Below image.
Open the add-on settings, choose the arrow color, and select the preferred placement. After you save the settings, the add-on uses them immediately on the product page.
If you want the gallery controls to stand out more, use the side placement. If you want a more compact product card, choose the layout below the image.
Open a product page on the storefront and make sure the arrows appear in the image gallery. Check that they use the selected color and are shown in the expected position.
Click through several product images to verify that navigation works correctly and the image changes without errors.
[*] Updated the add-on code, templates, and integration files.
[*] Updated the add-on description, instructions, and changelog.
[*] Module template updated.
[+] Logo added.
[+] Arrow position selection added.
[*] Module standardized according to the current standard.
[*] Module icon replaced.
[*] Color picker field replaced.
[*] Module template updated.
[+] First module release.
Legend:
[+] Added
[-] Removed
[*] Changed
[!] Bug fixed