3D Product Carousel

A premium rotating carousel that showcases a single product with a 3D spinning effect.

Adding the Section

1. Open the theme editor
2. Click Add section
3. Select 3D Product Carousel

Selecting a Product

1. Click Select product in section settings
2. Choose the product to feature
3. The carousel will display the product's images

This section works best with products that have multiple images showing different angles.

Carousel Settings

Carousel Radius

Control the size of the 3D rotation:

• Smaller values = tighter, more compact carousel
• Larger values = wider, more spread out images

Adjust to fit your image count and desired visual effect.

Height

| Option | Effect | |--------|--------| | Short | Compact carousel | | Medium | Standard height (default) | | Tall | More vertical space |

Display Options

Title Size

Control the central product title size:

• Small - Subtle branding
• Medium - Balanced (default)
• Large - Bold statement

Custom Text

Override the product title with custom text:

1. Enter text in the Custom text field
2. Leave empty to use product title

Useful for campaign messaging or collection names.

Show Price

Toggle to display the product price with compare-at pricing (if applicable).

How It Works

The carousel creates a 3D rotating effect:

1. Product images arrange in a circle
2. Images rotate continuously or on hover
3. Center displays product title and price
4. Clicking navigates to product page

Variant Selector

If your product has variants, customers can:

1. See variant options in the carousel
2. Select size, color, etc.
3. Add to cart directly

Best Practices

Product Selection

• Choose products with 4-8 images for best effect
• Consistent image backgrounds work best
• Square or portrait images recommended

Image Quality

• Use high-resolution images (1000px+)
• Consistent lighting across images
• Clean, simple backgrounds

Use Cases

• Hero product spotlight
• New arrival highlight
• Best seller showcase
• Limited edition features

Mobile Behavior

On mobile devices:

• Carousel adapts to smaller screens
• Touch to rotate manually
• Full functionality maintained

Color Scheme

Select a color scheme to style the background and text overlay.