Agile - Premium Shopify Theme
Shopify GuidesContact Us
  • Agile - Greeting
  • THEME INSTALLATION
    • Recommended Apps
    • Create Required Metafields
  • Theme Setting
    • Favicon
    • Layout
    • Badges
    • Colors
    • Typography
    • Product
    • Color swatches
    • Social media
    • Search behavior
    • Animation
    • Currency format
    • Cart
    • Checkout
    • Cookies
    • Custom CSS
  • Sections
    • Announcement bar
    • Header
    • Featured product
    • Collection list
    • Rich text
    • Image with text
    • Slideshow
    • Newsletter
    • Contact form
    • Video
    • Custom liquid
    • Blog posts
    • Countdown timer
    • Divider
    • FAQ
    • Google map
    • Icons with text
    • Image with text overlay
    • Logo list
    • Promotion banner
    • Recently viewed products
    • Scrolling text
    • Shopable image
    • Spacing
    • Testimonials
    • Tiktok video
    • Video with text overlay
    • Featured collection
    • Search
    • Quick shop
    • Newsletter popup
    • Age verifier popup
    • Footer
    • Mobile navigation bar
    • Cart drawer
    • Page heading
    • Product testimonials
    • Shopable video
    • Image tabs
    • Image testimonials
    • Image comparison slide
    • Bundle products
  • Collections & Products Pages
    • Products
      • Page template sections
        • Product information
        • App
        • Related products
    • Collections
      • Page template sections
        • Product grid
        • Collection banner
    • Collections list
      • Page template sections
        • Collection list page
  • Other pages
    • Cart
    • Checkout
    • Search
    • Blogs
      • Page template sections
        • Blog carousel
        • Blog posts
    • Blog posts
    • 404 page
    • Password
    • Our store
    • About us
      • Page template sections
    • Contact us
      • Page template sections
    • Faqs
  • FREQUENTLY ASKED QUESTIONS
    • How to change Elements of page?
      • Home Page
        • Gorde
        • Obik
        • Glamor
        • Serums
        • Rustic
    • How to translate a theme after adding a new default language?
    • Theme translation
    • Change currency
    • The desktop screen look more like on a tablet
    • Change free shipping message
    • How to setup pre-order products?
    • Staff account
Powered by GitBook
On this page
  • General settings
  • Featured product blocks
  • Product title
  • Price
  • Variant picker
  • Text
  • Buy buttons
  • Description
  • Product rating
  • Product meta
  • Inventory status
  1. Sections

Featured product

Last updated 1 year ago

Featured products on an e-commerce website promote products, engage customers, encourage cross-selling, provide promotion flexibility, boost conversions, allow seasonal promotion, and emphasize brand identity.

General settings

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fix width: depends on your page content width in Theme settings -> Layout.

  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Product

Select the product you want to display

Column gap

3 options for column gap

  • Small

  • Medium

  • Large

Desktop image position

2 options for desktop image position

  • Left

  • Right

Desktop thumbnails position

3 options for desktop thumbnails position

  • Left

  • Bottom

  • Hide

Enable video autoplay

If enabled and the product has a video, it will automatically play

Enable video looping

If enabled and the product has a video, it will loop

Top padding

Customize the top padding of the section

Bottom padding

Customize the bottom padding of the section

Featured product blocks

Product title

Display product name

Price

Show sale badge: Display product labels like discounts, preorder, out of stock

Variant picker

Text

Formatted text with common styling options, like bold and italics, not available in plain text.

Buy buttons

  • Show dynamic checkout buttons: Toggle the 'Show dynamic checkout buttons option to include a direct checkout button

Description

Display the product description that has been added

Product rating

Display the product rating

Product meta

Show/ hide collections, SKU, product type, and product tags.

Inventory status

Inventory status signifies the availability of a product. It's vital for ensuring products are in stock, managing inventory efficiently, and informing customers about availability on your website

Products with variants provide customers with more choices. To learn more about variants and how to add them to your store, visit the following .

Show recipient information form for gift card: Enables users to schedule gift card deliveries with personal messages.

link
Learn more