Koto Documentation
  • Webibazaar Support
  • Koto Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
    • Collection icons
    • Secondary menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Sections
    • Slideshow
    • Promotion card
    • Gallery with text overlay
    • Featured collection
    • Image with text
    • Rich text
    • Logo list
    • Featured product
    • Multiple video with products
    • Blog posts
    • Social media
    • Text with icons
    • Map
    • Collection list
    • Multicolumn
    • Collapsible content with image
    • Newsletter
    • Contact form
    • Video
    • Notice
    • Scrolling promotion
    • Single banner
    • Promotion code
    • Category products
    • Testimonial
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Advanced
    • Sticky bottom bar
    • Inputs and buttons
    • Carousels
    • Corner radius
    • Product cards
    • Badges
    • Social media
    • Search
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Featured product

PreviousLogo listNextMultiple video with products

Last updated 8 months ago

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.

Live Chat Support | Webibazaar Template
Logo