Sponsored product
Cello theme provides a section, namely "Sponsored product". In this section, you can add a collection containing multiple products.
Last updated
Cello theme provides a section, namely "Sponsored product". In this section, you can add a collection containing multiple products.
Last updated
| Setting | Description |
|---|---|
Make section full width
By enabling this checkbox, you can make section in full width.
Subheading
Enter text to display as a subheading in the section.
Subheading style
Following is the subheading style customization of the sponsored product of the section:
Solid
Outline
Link
Heading
Enter text to display as a title in the section.
Heading size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Description
Enter text to display as a description in the section.
Collection description
By enabling this checkbox, you can see collection description from the admin.
Description style
Customization of the "Description style" in the Sponsored product section is as follows:
Body
Subtitle
Uppercase
Enable "View all" button
By enabling this checkbox, you can see "View all" if collection has more products than shown.
"View all" style
Customization of the "View all" style in the Sponsored product section is as follows:
Link
Outline button
Solid button
Collection
Select a collection to display products in the section.
Maximum products to show
"Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “2” and a maximum of “12” products.
Number of columns on desktop
"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “2” and a maximum of “4” products.
Number of rows
"Number of rows" is to customize the rows on the desktop and mobile screen. You can show a minimum of “1” and a maximum of “3” rows.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Product card
Image ratio
Product image customizations in a section are as follows:
Adapt to image
Portrait
Square
Show second image on hover By enabling this checkbox you can “Show the second image on hover”.
Show vendor By enabling this checkbox you can display the “Product vendor”.
Banner
Image Use "Image" to add the image to the section. Content position
To change the position of the content, utilize the "Content position" setting. Customization of the "Content position" in the sponsored product section is as follows:
Top
Middle
Bottom
Content alignment
Customization of the "Content alignment" in the sponsored product section is as follows:
Left
Center
Right
Show container When "Show container" is enabled, the content container box will be visible. Color scheme
In this section, you can change the background and foreground color of the banner using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Heading Enter text to display as a title in the section. Subheading Enter the text you would like to display as a subtitle above the title. Button label
Use "Button label" to add a label to the Button in the section. Button link Use "Button link" to add a link to the Button in the section.
By using the "Open this link in a new window" option, the link will open in a new tab. Button style
Customization of the "Button style" in the sponsored product is as follows:
Link
Outline button
Solid button
Mobile layout
Number of columns on mobile
"Number of columns on mobile" is used for the customization of product columns in Mobile devices.
1 Column
2 Columns
