Featured product

The Shine Theme Featured product displays your products as featured to promote your products, capture customer interest, and encourage them to purchase.

About Shine Theme Featured product

From any page in the Shine Admin Dashboard, click on the Add section button > Search for Featured product > Click on it to add the Featured product section to your page.

About Shine Theme Featured product

To configure the Featured Product section, click on the section to access the configuration settings.

About Shine Theme Featured product

GeneralClick to copy 2222

Under the Color Scheme, you can choose a specific scheme for the Featured Product section. To modify or add a new color scheme, go to Theme Settings > Color.

About Shine Theme Featured product

You can also apply content for the Section subheading, Section heading, and Section description. If you want to hide the message, leave the placeholder empty.

Featured product

Note: To highlight the Heading, place them between ‘[‘ and ‘]’ in the heading input field. Example: [Free shipping]

To adjust the Heading size, there are four options:

  • H2
  • H3
  • H4
  • H5

To display the product in the Featured product section, click Select product > Choose the product > Hit Save. You can also change or remove the assigned product. Click Change > Choose Change product or Remove product.

Featured product

MediaClick to copy 2222

On the Media ratio option, you can choose:

  • Square
  • Portrait
  • Landscape
  • Adapt to image

Featured product

On the Thumbnail ratio option, you can choose between two different styles which are Fill and Fit. And on each style, it has three different ratios.

Featured product

For further customization, you can change the Thumbnail position on large screen to Beside main media or Below main media.

Featured product

And if you want to enable sticky media when scrolling, click on the checkbox.

Featured product

Large screenClick to copy 2222

On the Large screen option, you can select the position to display the heading of the section:

  • Left
  • Center

Featured product

Mobile screenClick to copy 2222

On a mobile screen, you can change the Section heading alignment between the Center and Left.

Featured product

SpacingClick to copy 2222

You can choose to customize the outer spacing top/bottom of the Featured product section.

  • Remove outer spacing top
  • Remove outer spacing bottom

Featured product

Custom colorClick to copy 2222

To change the Media background, choose the color from the color picker. The Media background is transparent as default.

Featured product

Note: When the Product media is set transparent, the Media background will be visible.

By default, the Featured product section has 5 blocks. To add more blocks to the section, click on Add block.

To modify an existing block, click on it to open the settings modal.

TitleClick to copy 2222

You can change the Heading size:

  • Headline
  • H1
  • H2
  • H3
  • H4
  • H5
  • H6

Featured product

PriceClick to copy 2222

You can choose to:

  • Show tax and shipping policy
  • Enable item background

You can also set the color for the Background and the Content.

Featured product

Variant SelectorClick to copy 2222

Stock NumberClick to copy 2222

To enable stock with number, click on the Show stock number checkbox.

Featured product

If you disable Show stock number, the In stock information will be displayed without number.

Note: To configure low stock threshold, please set it up in your theme settings.

SelectorClick to copy 2222

There are two options for the Selector type, including Button and Dropdown. You can choose to show variant swatches and customize Variant swatches size.

Featured product

Note: For further configuration, you can set up the variant swatches in theme settings.

Size GuideClick to copy 2222

This item is named Size by default. You can choose to Enable size guide. Once enabling the size guide, you can also apply text for it.

Featured product

You can choose the Content source by clicking on Select page.

Buy ButtonsClick to copy 2222

Quantity SelectorClick to copy 2222

To display the Quantity selector, click on Show quantity selector. If all the product variants are sold out, the Quantity selector is automatically hidden.

Featured product

Buy buttonsClick to copy 2222

You can Show dynamic checkout buttons to send customers directly to checkout skipping the cart page. This option uses the available payment methods in your store. Customers see their preferred option, like PayPal or Apple Pay. For further information, check out the Dynamic checkout article.

Featured product

You can also Show recipient information form for gift card products. Gift card products can optionally be sent directly to a recipient along with a personal message.

Payment methodClick to copy 2222

You can Show payment method. To add payment method, go to the Payment settings page.

You can also apply text for the payment method heading.

Featured product

ShareClick to copy 2222

On the Shine theme Featured product, you can show social media icons to improve user experience and performance. You can adjust the Social media icon style between the Filled button and the Ghost button.

Featured product

Navigate this category