View source for Block Featured Products

This content block allows you to easily create an attractive product slider for custom chosen products or an entire collection.

<image>

From the Shopify theme editor, click on '''Featured Products''' on the sidebar to view the details of settings. 

''(If you’re new to our Easy Content Builder, please refer to section [[Add App Sections]] and [[Add ECB Blocks]] for more details on how to create and edit a section or a block.)''
{| class="wikitable"
!Section settings
!Description
|-
|Source
|Select the source of products that you want to feature: 

* Select products manually: show only products that you choose individually.
* Products in collection: show all products that are in a specific collection.
|-
|Select Product
|Use this setting when you set '''Source''' to ''Select products manually''. Use the '''Search''' bar to search for a specific product term or select the products available in the list. 
|-
|Select Collection
|Use this setting when you set '''Source''' to ''Products in collection''. Use the '''Search''' bar to search for a specific collection term or select the product collection available in the list.
|-
|Limit Products
|The maximum number of products that you can feature in the Featured Product section. 
|-
|Item Style
|Custom CSS classes applied to the item wrapper. E.g. (without quotation mark): `''card py-5 px-3 h-100''` or `''bg-warning p-5 h-100''`
|-
|Text Alignment
|Align the Products’ title and price to the left, right, or center.
|-
|Image Width
|Set the width (in pixel) of the collection’s featured image.
|-
|Image Height
|Set the width (in pixel) of the collection’s  featured image.
|-
|Image Crop
|Cut out a part of the image: Top, Left, Bottom, Right, Center.
|-
|Image Border
|Set the style of the image border: square, rounded, or thumbnail.
|-
|Items per row (Mobile)
|Set the number of collections displayed per row on Mobile devices (Less than 576px).
|-
|Items per row (Tablet)
|Set the number of collections displayed per row on Tablet devices (576px - 991px).
|-
|Items per row (Desktop)
|Set the number of collections displayed per row on Desktop devices (992px and up).
|-
|Slider settings - Auto Play
|Change slides of products after a specified interval (in milliseconds). Enter 0 to disable.
|-
|Slider settings - Animation duration
|Duration of the sliding animation (in milliseconds).
|-
|Padding Top
|Set the padding top (in px) of the section
|-
|Padding Bottom
|Set the padding bottom (in px) of the section
|-
|Margin Top
|Set the margin top (in px) of the section
|-
|Margin Bottom
|Set the margin bottom (in px) of the section
|}