Promotion card
Last updated
Last updated
Koto theme provides a section, namely "Promotion card" in this section, you can show the offer and sale. You can display a maximum of Eight Offers in this section.
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
Layout
Customization of the "Layout" in the section is as follows:
Wide
Container
Heading
Text
Enter text to defines the main heading of the section.
Text color
You can customize the foreground color of the heading by using the color option.
Size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Alignment
Customization of the "Alignment" in this is as follows:
Left
Center
Label
Use "Label" to add a label to the Button in the slide.
Link
Use "Button link" to add a link to the Button in the slide.
Style
Customization of the "Button style" in the slide is as follows:
Link
Outline button
Solid button
Stretch image to fill
Enable this checkbox to zoom image of this section.
Background color
You can customize the background color when image is not strech.
Display type
Customization of the "Display type" in the promotion card is as follows:
Grid
Carousel
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 “3” and a maximum of “6” columns.
Image ratio
In the section, Image size customization is as follows:
Adapt to image
Portrait
Square
Show number over the image
Enable this checkbox to show number on image of this section.
Background color
You can customize the background color of the number by using the color option.
Foreground color
You can customize the foreground color of the number by using the color option.
Border color
You can customize the border color of the number by using the color option.
Corner radius
"Corner radius" is to customize the radius of number in the section. You can set radius minimum “0” and a maximum “40” px.
Text
Size
Customization of "Text size" is as follows:
Small
Medium
Large
Alignment
Customization of "Text alignment" as follows:
Left
Center
Right
Carousel
Style
This feature specifies the design and appearance of carousel controls like below:
None
Dots
Arrows
Disable arrows in mobile
Enable this checkbox to hide arrow in mobile view.
Enable autoplay
Enable this checkbox to automatically rotate the images in the logo list.
Autoplay interval
Use the bar to set the auto-rotate time of the logo list slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.
To add image to the promotion-card section, click on the 'Add Image. There are many options available similar to the image, as you can see in the below points and screenshot:
Image
Used image to add to the image in the block.
Link
Use "Link" to add a link to the block image.
Heading
Enter text to defines the image heading of the block.
