Vorbly <Code>
CODING MADE EASY WITH VORBLY
WIX CUSTOM GALLERY USING REPEATERS
Need a custom gallery to showcase your products? This tutorial will show you how to create a customized product gallery with Wix Repeaters. We will provide you with the webpage elements and sample codes required to implement this feature.
THE DEMO
Create a database for your products, then add a repeater to your webpage. Next, add left and right buttons for visitors to navigate through your Wix Gallery.
Connect your navigation buttons to your database to show the next or previous page of your Wix Repeater.
Create a database for your products, then add a repeater to your webpage. Next, add left and right buttons for visitors to navigate through your Wix Gallery.
THE ELEMENTS
The Page
Repeater: #repeater1
Button Elements:
-
#leftbutton
-
#rightbutton
The Database
Create a database: Products (dataset1)
Recommended fields:
-
Product Name Field: product
-
Product Description Field: description
-
Price Field: price
-
Product Type Field: ProductType
Then link fields to your repeater.
THE CODE
Connecting to Database
1. Dataset Settings: Limit number of items to display to 3 items.
2. Link repeater items to database.
3. Connect Buttons:
-
#leftbutton connect to Previous Page
-
#rightbutton connect to Next Page
COMMENTS
I'm a paragraph. Click here to add your own text and edit me. It's easy.