In the theme editor: Customize›Home page›Add section›Looks wheel
Looks wheel
A question with answers on a wheel, such as “Where are you headed today?”. Each answer shows a look with its photo and products.
Short answers of one or two words fit the wheel best.
Settings
Signature
- Signature image
- ImageA logo or a handwritten signature above the question. A transparent PNG works best. Empty: no signature.
- Signature text for screen readers
- TextEmpty: the store name.
- Signature writing
- Choice: Soft reveal (fits any logo), Written along a route, No writing (still image)Default: Soft reveal (fits any logo)Soft reveal: the logo is uncovered in the writing direction and fits any logo. Written along a route: the strokes are drawn one after another from a route file. No writing: a still image. Reduced motion always shows the finished image.
- Route file address
- TextEmpty: the route that ships with the theme. Otherwise the address of a route file (JSON) or of an SVG with stroke lines (paths) uploaded in Content > Files. The signature image must be the same drawing.
- Writing direction
- Choice: Automatic, Right to left, Left to rightDefault: AutomaticAutomatic follows the page language: right to left for Hebrew, left to right for Latin letters.
- Writing speed
- Slider, 50 to 200 %Default: 100 %100% is the measured pace (about 2.4 seconds for the reveal). Higher is faster.
Question
- Question text
- TextEmpty: the ready-made question.
Wheel
- The wheel starts on answer number
- Slider, 1 to 12Default: 3Which answer is in the center when the page opens. A number larger than the number of answers picks the last one.
- Endless wheel
- On or offDefault: OnAfter the last answer comes the first again, so there is never an empty space at the edge.
- The wheel hints by leaning
- On or offDefault: OnOnce, when it comes into view: it leans twice to one side and twice to the other, to show it can be turned. Off when the device is set to reduced motion.
Photo and bag
- Image shape on phone
- Choice: Landscape (3:2), Square, Portrait (4:5)Default: Landscape (3:2)Landscape: the heading, the image and the items that open below it fit on screen together. On desktop the image is always wide.
- Camera shutter on every change
- On or offDefault: OnThe look changes like a photo shoot: a shutter closes, a flash fires and the new photo lands. Off: an instant swap. Never runs when the device is set to reduced motion.
- Shutter color
- ColorEmpty: the page background color.
- Add-to-cart button next to the bag
- On or offDefault: OnOff: the bag is only a link to its page.
Phone and tablet
- Space above
- Slider, 0 to 120 pxDefault: 0 px
- Space below
- Slider, 0 to 120 pxDefault: 44 px
Computer (from 990 px)
- Space above
- Slider, 0 to 120 pxDefault: 56 px
- Space below
- Slider, 0 to 120 pxDefault: 72 px
- Content width
- Choice: Narrow, Standard, Wide, Full widthDefault: Standard
Blocks
Blocks are the pieces inside the section. Add, remove and drag them in the editor to change the order.
Answer on the wheel (a look)
General
- Word on the wheel
- TextEmpty: a ready-made word for its place on the wheel.
Look photo
- Photo
- Image
- Video
- Video fileIf a video is chosen it replaces the image and starts only when it scrolls into view. The image stays as the poster.
- Photo position: horizontal
- Slider, 0 to 100 %Default: 50 %Which part of the photo stays in the frame. 0% is the left edge and 100% the right edge.
- Photo position: vertical
- Slider, 0 to 100 %Default: 50 %
The bag she wears
- Bag
- Product
- The bag appears in the photo
- On or offDefault: OnOff: "Suits this look" is written next to the price.
Gift answer (two bags)
General
- Word on the wheel
- TextEmpty: a ready-made word for its place on the wheel.
First bag
- Bag
- Product
- Photo
- Image
- Video
- Video fileIf a video is chosen it replaces the image and starts only when it scrolls into view. The image stays as the poster.
- Photo position: horizontal
- Slider, 0 to 100 %Default: 56 %Which part of the photo stays in the frame. 0% is the left edge and 100% the right edge.
- Photo position: vertical
- Slider, 0 to 100 %Default: 74 %
Second bag
- Bag
- Product
- Photo
- Image
- Video
- Video fileIf a video is chosen it replaces the image and starts only when it scrolls into view. The image stays as the poster.
- Photo position: horizontal
- Slider, 0 to 100 %Default: 64 %Which part of the photo stays in the frame. 0% is the left edge and 100% the right edge.
- Photo position: vertical
- Slider, 0 to 100 %Default: 74 %
Line under the bags
- Text
- TextShown with a delivery-truck icon. Empty: no line. Write only what is true for your store.
Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.
