Testimonial
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Testimonial".
Layout style
Select the layout style for the section:
Special
Classic
Use background image
Enable/disable checkbox
Background image
Set up an image
Logo
Logo image
Set up an logo image (1600 x 270px .jpg recommended)
Custom logo width
Determines the size avatar. Can be from 50px to 300px, in 5px arithmetic increments.
URL
Set the link, for example the customer service page
Bottom margin
Determines the height of the bottom outside space of the logo. Can be from 0px to 100px, increasing arithmetically of 1px (pixel)
Heading
Heading
Add text to display as a section heading (Leave the field blank to hide the heading)
Heading size
Font size of text:
XX-Small
X-Small
Small
Medium
Large
X-Large
XX-Large
XXX-Large
Heading alignment
Select the alignment of heading from the dropdown menu:
Left
Center
Right
Bottom margin
Determines the height of the bottom outside space of the heading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel)
Block slide
Enabel floating images
Enable/disable checkbox
(Heading font settings)
Typography style
Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography
(Heading font settings)
Heading size
Font size of text:
Default
XX-Small
X-Small
Small
Medium
Large
X-Large
XX-Large
XXX-Large
(Text font settings)
Typography style
Select the Font Style from Font Heading or Font body. These two font families are specified in the Theme settings > Typography
(Text font settings)
Subheading size
Font size of text:
Default
XX-Small
X-Small
Small
Medium
Large
X-Large
XX-Large
XXX-Large
Carousel
Enable arrows
Display arrows on devices:
None
On every device
Only on desktop
Only on (desktop, tablet)
Only on (tablet, mobile)
Only on mobile
Arrows position
Select the arrows position from the dropdown menu:
Middle center
Bottom right
Enable infinite scroll
Select this option if you want the images to scroll infinitely
Enable autoplay
Enable/disable checkbox
Change slides every
Determines the time to change slides. Can be from 3s to 10s, increasing arithmetically of 1s (second)
Enable pagination
Display pagination on devices:
None
On every device
Only on desktop
Only on (desktop, tablet)
Only on (tablet, mobile)
Only on mobile
Pagination type
Display pagination type on devices:
None
Dots
Fraction
Colors
Color scheme
Select a color scheme to set the text and background colors for the section
Use custom color
Select this checkbox to use custom color for this section.
(The 3 following settings only take effect if this checkbox is ticked)
Text (Color)
Set the text color for this section
Background
Select a background color for this section
(If a background gradient is set, the section's background will be set according to the background gradient setting)
Background gradient
Select a background gradient color for the section
Section padding
Top padding
Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding
Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Top padding on mobile
Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Bottom padding on mobile
Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).
Last updated