In the theme editor: Customize›Home page›Add section›New arrivals ring
New arrivals ring
Your newest products on a turning ring. Customers drag it with a finger or the mouse, and it stops facing one product.
Eight to twelve products give the ring its best shape. Set the slow turn to 0 if you prefer it to stand still until touched.
Settings
Content
- Small line above the heading
- TextLeave empty for no line.
- Heading
- TextLeave empty to show the default heading, in the visitor's language.
- Link text
- TextLeave empty to show the default, in the visitor's language.
- Link
- LinkEmpty: all products from newest to oldest, or the page of the chosen collection.
- Show the heading above the ring
- On or offDefault: OnOff: the ring without a heading, when the page already has its own.
Products
- What the ring shows
- Choice: Products, All the store's collectionsDefault: ProductsOn the "All collections" page the ring shows the store's collections, one card per collection.
- Collection
- CollectionEmpty: the store's newest products (from the first 50). To control the order, choose a collection sorted by newest in the store admin.
- Number of products
- Slider, 4 to 16Default: 8The cards stand round the ring. Fewer than three products are shown in a plain row.
Cards
- Frame around the photos
- Slider, 0 to 8 pxDefault: 1 pxA thin frame around each photo in the ring, in the color below. 0 removes it.
- Frame color
- ColorDefault: #0C0A09Empty: near black, like the frames in the cart.
- Card corner roundness
- Slider, 4 to 24 pxDefault: 12 px
Look
- Background style
- Choice: Black stage (lacquer floor), Light cream (light display window)Default: Black stage (lacquer floor)
- Reflection strength
- Slider, 0 to 200 %Default: 100 %How strong the photo reflection is on the floor. 100% is the default.
- Reflection length under the cards
- Slider, 0 to 80 pxDefault: 30 pxHow far the stand reaches in front of the cards, so more of their reflection shows. 0 is the shortest.
- Background color
- ColorEmpty: follows the background style.
- Blend from the section above
- ColorThe color at the bottom of the section above. It flows into this section and fades out, so the two sections meet without a line. Empty: no blend.
- Blend length
- Slider, 40 to 400 pxDefault: 200 px
- Glow color
- ColorThe soft light at the top of the section. Empty: follows the background style.
- Text color
- ColorThe heading, the name and price under the ring, the small line above the heading and the arrows. Empty: follows the background style.
- Floor color
- ColorThe platform under the ring. Empty: follows the background style.
Motion
- Effects
- Choice: Light glint, NoneDefault: Light glintLight glint: a glint travels around the "All new arrivals" button, on the dark styles only (black stage and charcoal). Visitors who asked for less motion do not see it.
- Slow self-rotation: speed
- Slider, 0 to 20 °Default: 5 °Degrees per second (a full turn is 360). 0: no self-rotation. The ring turns slowly by itself right after the opening spin, and stops only on deliberate interaction with the front card (hover, tap or click), while dragged, off screen, or when a card has keyboard focus. Visitors who asked for reduced motion will not see it.
- Wait after a touch
- Slider, 1 to 10 sDefault: 4 sHow long the ring waits after a visitor turned it, before it turns by itself again.
Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.