Featured product

Live Chat Support | Webibazaar Template

Koto 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.

Settings	Description
Color scheme	In this section, you can change the background and foreground color of the section using the color scheme: Scheme 1 Scheme 2 Scheme 3 Scheme 4 Scheme 5
Product	Select a product to display selected product in the section.
Media	Desktop media width "Desktop media width" is to customize of the media width on the desktop screen. You can set a minimum of “40%” and a maximum of “65%” media width. Constrain media to screen height By enabling this checkbox, you can limit the height of media to the screen height. Media fit The Media fit customization setting is as follows: Original Fill Desktop media position The desktop media position customization setting is as follows: Left Right Desktop layout Desktop layout customization setting is as follows: 2 columns Thumbnail left carousel Thumbnail right carousel Thumbnail bottom carousel Thumbnail image ratio Customization of thumbnail image ratio setting is as follows: Adapt to image Portrait Square Image zoom The Image zoom customization setting is as follows: Open lightbox Click and hover No zoom Enable sticky content on desktop You can make the content sticky on a desktop device by checking this checkbox. Hide other variants By enabling this checkbox, you can hide other variants’ media after selecting a variant. Enable video looping Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart.
Mobile layout	Mobile layout customization setting is as follows: 2 columns Thumbnail carousel Hide thumbnail

Add block

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

Block	Description
Text	Text Enter text to display as a caption text in the "Text" block. Uppercase text Enable this checkbox to transform text into uppercase. Size Customization of the "Text size" in the featured product section is as follows: Small Medium Large
Title	Uppercase title Enable this checkbox to transform title text into uppercase. Size Following is the font size customization of the heading of the section: Small Medium Large Share button Clickable text that allows customers to share the product on social media. Text Enter the text to display as a share button heading in this section.
Price	This block has no customizable settings. After adding this block, you will be able to view the product price.
Description	This block has no customizable settings. After adding this block, you will be able to view the product description. Show divider Enable this checkbox to show top border as a divider on description block.
Inventory status	Inventory status The inventory status, indicating whether the product is in stock or out of stock. Text style Customization of the "Text style" is as follows: Body Subtitle Uppercase Low inventory threshold This feature defines that if the number of products in stock falls below a certain threshold in the product range, a 'low stock' text will be displayed. Show inventory count By enabling this checkbox, you can show inventory count.
SKU	Show product "SKU" for your featured product section. Uppercase text Enable this checkbox to transform SKU text into uppercase. Size Customization of the "Text size" in the featured product section is as follows: Small Medium Large
Quantity selector/Size guide	Show "Quantity selector" for your featured product section. Select size chart By using these settings, the selected page will display its content. Label Enter text to display as a size guide heading text in the input field. Show divider Enable this checkbox to show top border as a divider on this block.
Variant picker	"Variant picker" is to customize the product variant. Type 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 Hide sold out variant Enable this checkbox to hide soldout varinats of this product. Corner radius Customization of variant pills border radius using this settings. You can set a minimum of “0px” and a maximum of “20px” variant pills radius. Swatch type Following is the color swatches type customization of the section: Color swatch Variant image Pills Pills style Following is the Pills style customization of the section: Outline Fill Show divider between variants Enable this checkbox to show variant divider between variants.
Buy buttons	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 button	Title Enter text to display as a title of this block. Enabling the checkbox below will display the share button. Share on Facebook Tweet on Twitter Pin on Pinterest
Payment method	Text To display the heading for the payment method block, add text here. Show payment icons By enabling this checkbox you can show the “Payment icons”.
Custom Liquid	Add Apps.
Product rating	Displays the average product rating in stars with the number of reviews in parenthesis.
Icon with text	First icon In the block, the icons are given to select. First image Use the first image to add to the section. First heading To display the heading for the icon with text block, add text here.