Featured product
Poco 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.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
Product
Select a product to display selected product in the section.
Show secondary color
By enabling this checkbox, you can see secondary background scheme. Secondary color scheme Use this color scheme as your secondary background color. Show border around product By enabling this checkbox, you can see secondary background border around this section.
Heading
Show heading By enabling this checkbox, you can see below all settings and show heading. Text Enter text to display as a caption text in the "Text" block.
Size
Customization of the "Text size" in the featured product section is as follows:
Small
Medium
Large
Extra large
Alignment
Customization of the "Alignment" in the featured product section is as follows:
Left
Center
Countdown timer
Show section countdown By enabling this checkbox, you can see section countdown and related settings. Color scheme In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
End date The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2026/10/05.
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 “50%” 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 top/bottom carousel
Thumbnail bottom carousel
Thumbnail top carousel color
In this section, you can change the background and foreground color of a thumbnail main carousel using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
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:
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
Sidebar collection
Show sidebar collection By enabling this checkbox, you can see collection beside featured product section and their related settings. Sidebar collection size "Sidebar collection size" is to customize of the sidebar width on the desktop screen. You can set a minimum of “25%” and a maximum of “35%” sidebar width. Sidebar position Select sidebar position that you want to set on left or right. Show horizontal card By enabling this, you can see product as list or horizontal.
Heading
Show heading By enabling this, you can see heading related setting and heading also. Show heading color scheme In this section, you can change the background and foreground color of a heading part using the color scheme. Text Enter text to display as a heading text in the "Text" block. Size Size customization setting is as follows:
Small
Medium
Large
Extra large
Alignment Alignment customization setting is as follows:
Left
Center
Collection
Select collection to show beside featured product section.
Maximum products to show
"Maximum products to show" is to customize of the product column to show on the desktop screen. You can set a minimum of “1” and a maximum of “5” product limit.
View all button
Enable "View all" button By enabling this checkbox, you can see "View all" button if list includes more products than shown.
Label
Use "Label" to add a label to the Button in the section.
Style
Customization of the "View all" style in the featured collection section is as follows:
Link
Outline
Solid
Add block
Following are the blocks you can add to your “featured product”.
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
Label metafield
Enter the text to add metafield namespace and key for eg. food_type. Enter "Veg" or "Non-veg" accordingly in product page metafield. With food_type metafield use content "Veg" or "Non-veg". "Learn about how to create metafield" Steps to show metafield badge - Create metafield and add metafield content. - Add metafield namespace and key that you created on text block.
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.
Separate by border
Enable this checkbox to show top border as a divider on description block.
Inventory status with size guide
Uppercase text Uppercase text, indicating whether the inventory text in uppercase or not.
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. Select size chart Select page to show size chart. Label Enter text to show size guide title or heading of this block.
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
Price/quantity/buy buttons
Color scheme
In this section, you can change the background and foreground color of a this block main color using the color scheme. Spacing around block "Spacing around block" is to customize of the spacing to show on the desktop screen. You can set a minimum of “0” and a maximum of “20” spacing around block.
--> Quantity
Color scheme In this section, you can change the background and foreground color of a this block using the color scheme. Corner radius "Radius" is to customize of the corner of quantity box to show on screen. You can set a minimum of “0” and a maximum of “10” spacing around block.
--> Price Badge radius "Radius" is to customize of the corner of quantity box to show on screen. You can set a minimum of “0” and a maximum of “10” spacing around block. --> Sale or soldout badge Show badge By using these settings, you can see sale or soldout badge. Background color Select color to show badge background color.
Text color Select color to show text color on badge. --> Percentage badge Show badge By using these settings, you can see percentage badge. Background color Select color to show badge background color.
Text color Select color to show text color on badge. --> 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 Cart icon type Select icon to show with add to cart button. There is 2 icon given below:
Cart
Bag
--> Additional text
Text
Enter text to display as a additional information text in the block.
Variant picker
"Variant picker" is to customize the product variant.
Hide sold out variant
Enable this checkbox to hide soldout varinats of this product. Separate options by border Enable this checkbox to show top border as a divider on variant picker block.
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
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.
Label size
Following is the variant label customization of the block:
Small
Medium
Large
Label color Select color to show label highlighted.
Swatch type
Following is the color swatches type customization of the section:
Color swatch
Variant image
Pills
Swatch size
Following is the swatch variant size customization of the block:
Small
Medium
Large
Pills style
Following is the Pills style customization of the section:
Outline
Fill
Pills size
Following is the variant pills size customization of the block:
Small
Medium
Large
Variant picker pills discount badge
Show badge Enable this to show pills discount badge. Option name Add option name separated with comma for eg. Color, Size etc. Background , text , border color Select color to display discount badge background, text and border.
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.
Product timer
Text Enter text to display product timer title. Enter end timer date inside product product timer metafield.
Delivery text
First
Icon Select icon to show with badges.
Icon color Select icon color to display highlighted icon. Label metafield Add metafield namespace and key for eg. delivery_text. Enter metafield namespace and key in this block that you want to show content of that metafield. "Learn about how to create metafield"
Steps to show metafield badge - Create metafield and add metafield content. - Add metafield key name that you created on text block. Second
Icon Select icon to show with badges.
Icon color Select icon color to display highlighted icon. Label metafield Add metafield namespace and key for eg. selling_fast. Enter metafield namespace and key in this block that you want to show content of that metafield. "Learn about how to create metafield"
Steps to show metafield badge - Create metafield and add metafield content. - Add metafield key name that you created on text block. Third
Icon Select icon to show with badges.
Icon color Select icon color to display highlighted icon. Label metafield Add metafield namespace and key for eg. delivery_time. Enter metafield namespace and key in this block that you want to show content of that metafield. "Learn about how to create metafield" Steps to show metafield badge - Create metafield and add metafield content. - Add metafield key name that you created on text block.
Last updated