Featured product

Piano theme provides a section, namely "Featured product". In this section, you can add a product to Shopify by entering product details and uploading product images. If your product has options, like size or color, then you can add a variant for each combination of options.

You can view, add, update, and organize all of your products and their variants from the "Products page" in the Shopify admin.

SettingsDescription

Heading

Enter text to display as a title in the section.

Hide heading

By enabling this checkbox, you have the ability to hide section heading.

Product

Select a product to display selected product in the section.

Media

Images layout Images layout customization setting is as follows:

  • Two image with thumbnail

  • One image with thumbnail

  • Collage style

  • Two image without thumbnail

  • Three image in full screen

Enable thumbnail silder Allows you to enable a thumbnail slider for easy navigation through images.

Choose image gallery width You will find customizations for adjusting the media width within this section:

  • Small

  • Medium

  • Large

Choose image position

The image position customization setting is as follows:

  • Left

  • Right

Show taxes included By enabling this checkbox, Indicates that taxes are included in the displayed prices.

Enable stick on scroll By enabling this checkbox, allows you to keep an element fixed on the screen as the user scrolls.

Image zoom

The Image zoom customization setting is as follows:

  • Open lightbox

  • Click and hover

  • No zoom

Enable video looping Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart. Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

Add block

Following are the blocks you can add to your “featured product”.

BlockDescription

Product info

Enabling the checkbox will display its corresponding values:

  • SKU

  • Type

  • Show title

  • Show description

  • Show price

  • Show inventory

Title size

Customization of the Title size in this section is as follows:

  • Small

  • Medium

  • Large

Text

Enter text to display as a content in the "Text" block.

Variant picker

"Variant picker" is to customize the product variant.

Style The variant type is given below. If type "Dropdown" then the variant would be dropdown. and if the type is "Pills" then the variant would be pills.

  • Dropdown

  • Pills

Enable color swatches By enabling this checkbox you can show the "Variant color." Swatches source The Swatches source is given below. When a variant image is selected, the corresponding variant's image will be displayed. If a custom image is selected, the color from the swatches will be shown."

  • Variant image

  • Color swatch

Buy buttons and quantity

Enable the Show dynamic checkout buttons box to display any dynamic checkout options enabled by you in your payments settings.

Enable the Show recipient information form for gift card products box to display gift recipient form

Share icons

Enabling the checkbox below will display the share icons.

  • Show facebook

  • Show twitter

  • Show pinterest

WhatsApp WhatsApp number Add a WhatsApp number for customer inquiries or contact Show whatsApp By enabling this checkbox, you have the ability to show whatsApp icon. Email Email id Provide an email address for customer inquiries or communication.

Subject Specify the topic or focus of an email or message. Show email By enabling this checkbox, you have the ability to show email icon. Messenger Messenger Add a link to your Messenger profile for instant communication with customers. Show messenger By enabling this checkbox, you have the ability to show messenger icon.

Custom Liquid

Add Apps.

Icon with text

Content :

Choose an icon or add an image for each column or row.

First

Icon

Using this feature will display selected icon next to it's heading.

Image Use the first image to add to the section. Heading To display the heading for the icon with text block, add text here. Icon position

Customization of the icon position in this section is as follows:

  • Left

  • Right

Icon size You can adjust the font size and set it to the minimum size of “20px” and a maximum size of “50px.”

Payment icons

Icon Using this feature will display selected icon next to the payment icon or heading. Heading Enter text to display as a title in the payment icons block.

Collapsible tab

The section "Collapsible row" is for adding collapsible rows.

Heading

Enter text to display as a title in the "Collapsible row" block. Tab content

Enter text to display as content in the row.

Tab content from page By using these settings, the selected page will display its content like row content. Tab image Displays an image within a tabbed section for better organization and visuals.

Pop-up

Link label Enter text to display as a title in the "Link label" block. Page By using these settings, the selected page will display its content in pop-up.

Product details

You can includes in-depth information about a product, such as features, specifications, and usage instructions.

Countdown

The countdown block is designed to highlight featured products with a time-sensitive offer, This block can be incorporated into the homepage or product pages too.

Countdown Background

When designing a countdown for featured products, you can include a background color.

Countdown Text color

When designing a countdown for featured products, you can include and change a text color.

End date

When designing a countdown for featured products, you can set an end date for limited-time product releases.

Inventory status

The Featured Products Block showcases selected items along with their current inventory status. This feature enhances user engagement by creating urgency and providing critical stock information, encouraging customers to make quicker purchasing decisions.

And more settings for Maximum stock, Limit stock cut-off, Show inline view more button, etc.

Last updated