Rotated product

The Rotated product section is designed to showcase a single product with a bold visual style. It features a vertically written heading alongside a product image, making it ideal for highlighting key products in a unique layout.


How to Configure the Rotated Product

  1. In Shopify admin, go to Online Store → Themes.

  2. Click Customize next to the Elemento theme.

  3. In the theme editor, navigate to the desired page template (e.g., Home page) using the top preview dropdown.

  4. In the left sidebar, click Add section, then select Rotated Product, or locate it if it’s already added.

  5. You can drag and drop this section to reorder it on the page.

  6. Click Save.

Section Settings

Setting

Type

Description

Product

Product selector

Select the product to be featured.

Show product vendor

Checkbox

Displays the product's vendor above the title if enabled.

Custom settings

Heading

Text (optional)

Custom heading text. If left empty, the product title will be used by default.

Image

Image selector

Custom image to display instead of the product’s featured image.

Color scheme

Color scheme selector

Defines the section’s text and background styling.

Section Padding

Device
Setting
Type
Description

Desktop

Top padding

Range

Space above the section on desktop view.

Desktop

Bottom padding

Range

Space below the section on desktop view.

Mobile

Top padding

Range

Space above the section on mobile view.

Mobile

Bottom padding

Range

Space below the section on mobile view.


This section uses a rotated layout with vertical typography to draw attention to featured products. Great for creating a visually striking callout within your product catalog or homepage.