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

1/2

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.

WEB DESIGN & DEVELOPMENT SOLUTIONS

GET PROFESSIONAL HELP