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".
Setting | Description |
---|---|
Layout style | Select the layout style for the section:
|
Use background image | Enable/disable checkbox |
Background image | Set up an image |
Logo
Setting | Description |
---|---|
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
Setting | Description |
---|---|
Heading | Add text to display as a section heading (Leave the field blank to hide the heading) |
Heading size | Font size of text:
|
Heading alignment | Select the alignment of heading from the dropdown menu:
|
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
Setting | Description |
---|---|
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:
|
(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:
|
Carousel
Setting | Description |
---|---|
Enable arrows | Display arrows on devices:
|
Arrows position | Select the arrows position from the dropdown menu:
|
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:
|
Pagination type | Display pagination type on devices:
|
Colors
Setting | Description |
---|---|
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
Setting | Description |
---|---|
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