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
    • How to create product template?
    • Quick order list
    • Recently viewed product
  • Collection Page
    • How to create collection template?
    • 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 2.0.1
    • Version 2.0.0
    • 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 11 months ago

CtrlK

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

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

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

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

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

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