Featured Product

Overview:

The "Featured Product" section is designed to prominently showcase a specific product on your Shopify store, offering a comprehensive view that includes images, descriptions, pricing, and purchasing options. This section is highly customizable, allowing you to tailor the presentation of the product to align with your store's branding and sales strategies.



Section Configration:

Setting Description
Featured Product Select the product to be featured in this section.
Gallery View Choose how the product images are displayed. Options: Thumbnails, Slider.
Show Navigation A checkbox to toggle the display of navigation arrows in the slideshow, defaulting to true.
Media Size Select field for the media size with options for adapt, square, portrait, and landscape.
Color Scheme Set the color scheme for the section.
Top Padding Adjust the padding at the top of the section (in pixels).
Bottom Padding Adjust the padding at the bottom of the section (in pixels).

Block Configration:

Each block within the section adds specific elements like product title, pricing, stock information, and more.


Stock Box Block

Setting Description
Show Stock Toggle to display the stock information for the product.
Heading Custom text to display alongside the stock information.
Text Size Adjust the size of the text. Options: Small, Medium, Large, X-Large.
Block Spacing Adjust the spacing below this block (in pixels).

Price Share Block

Setting Description
Enable Share Toggle to display a share button, allowing customers to share the product on social media.
Show Compare Toggle to display a "Compare" button for comparing products.
Block Spacing Adjust the spacing below this block (in pixels).

Title Block

Setting Description
Heading Size Set the size of the product title text. Options: XX-Large, X-Large, Large, Medium.
Block Spacing Adjust the spacing below this block (in pixels).

Vendor Rating Block

Setting Description
Text Size Set the size of the vendor's name text. Options: Small, Medium, Large, X-Large.
Show Rating Toggle to display the product rating.
Block Spacing Adjust the spacing below this block (in pixels).

Separator Block

Setting Description
Block Spacing Adjust the spacing below this block (in pixels).

Variation SKU Block

Setting Description
Show SKU Toggle to display the product's SKU.
Show Variation Toggle to display the product's variations (e.g., size, color).
Block Spacing Adjust the spacing below this block (in pixels).

Quantity Input Block

Setting Description
Show Subtotals Toggle to display the subtotal price based on the selected quantity.
Block Spacing Adjust the spacing below this block (in pixels).

Buttons Block

Setting Description
Show Dynamic Checkouts Toggle to display dynamic checkout buttons (e.g., PayPal, Apple Pay).
Show Gift Card Recipient Toggle to display fields for entering gift card recipient details.
Show WhatsApp Toggle to display a WhatsApp button for direct customer communication.
WhatsApp Number Enter the phone number for WhatsApp communication.
Custom Message Customize the message that will be sent via WhatsApp.
Block Spacing Adjust the spacing below this block (in pixels).

Pickup Block

Setting Description
Block Spacing Adjust the spacing below this block (in pixels).

Content Block

Setting Description
Make Open/Close Toggle to make the content section collapsible.
Open by Default If enabled, the collapsible section will be open by default.
Heading Custom heading for the content block.
Block Spacing Adjust the spacing below this block (in pixels).

Collapsible Row Block

Setting Description
Heading The heading of the collapsible row.
Description The text content within the collapsible row.
Open by Default Toggle to have the row open by default.
Block Spacing Adjust the spacing below this block (in pixels).

Icon Description Block

Setting Description
Image Select an icon or image to display.
Heading The heading text to accompany the icon or image.
Description The text description to accompany the icon or image.
Block Spacing Adjust the spacing below this block (in pixels).

Custom Liquid Block

Setting Description
Custom Liquid Enter custom Liquid code to add dynamic content or customizations.
Block Spacing Adjust the spacing below this block (in pixels).
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us