Set up your Repeater
PART 1/3
Add an image to the Repeater
1
a.
Drag the image element below into the Repeater on the section just below this one
Click on the image to select it. In the top right corner, click Stretch
b.
Add a title and button to the container
2
a.
Drag the Title and Button container below into the Repeater and place it at the bottom of the item. Be sure to grab the entire container
Once you’re finished, scroll down to Part 2 ↓
The changes you made in Part 1 carry over to the next section.
Assets for use
Add a Title
PART 2/3
Connect the Repeater to the CMS
Please note
This Sandbox is already set up with a CMS collection that contains demo content.
Work Here
Connect to the dataset
1
a.
In the section below, click on the Repeater
b.
Then, at the very top of the Inspector panel to the right, click Repeater to make sure it is selected
At the top of the Inspector panel, click on the CMS connections tab
c.
d.
In the dropdown at the top of the panel, choose the Properties dataset
Connect elements to CMS
2
a.
In the Repeater, click on one of the titles to select it
b.
In the Inspector panel, click on the Text connects to dropdown and choose Title (Text)
c.
Repeat the process for the image element. This time, under the Image source connects to dropdown, choose Photo (Image)
d.
Repeat the process for the arrow button element. This time, under the Link connects to dropdown, choose Properties (Item)
Preview to see how it turned out. Click the buttons to view item pages.
Scroll down to the next step.
Urban Landmark Studio
menu
Laying foundations, defining skylines
Experience excellence from the award-winning, Urban Landmark Studio. From iconic skyline-changing structures to sustainable blended spaces, shaping the art of architecture.
Add a Title
Add a Title
Add a Title
Add content to the CMS
PART 3/3
Add an item to the collection
1
We added design elements in the section below, to save you some time
a.
In the section below, select the Repeater
b.
In the floating menu, click on Manage Content
c.
In the popup, click on Edit Content to open the Properties collection
d.
Add items to your collection and fill in each field with content, then come back here to see it displayed in the Repeater
Preview to see how it turned out
For more Sandboxes, go to the Wix Studio Academy.
Preview to see how this design looks on mobile
To see the instructions, switch to desktop.
Add a Title
Add a Title
Add a Title
Find your new apartment
Kynn Interior design is a full service, design forward practice focused on creating interior design that belongs to the land and fosters connection between individuals and the places they love.
index
menu
Add a Title
Add a Title
Add a Title