What this section controls
- Layout structure, width, alignment, and spacing
- Calls to action, links, and navigation behavior
- Color schemes, contrast, and shared visual styling
- Block types such as Testimonial
Getting started
Add or open Testimonials
Add the Testimonials section to a compatible template or select the existing section from the left sidebar.
Adjust the main settings first
Start with the structural settings such as layout, width, color scheme, spacing, or content source before refining smaller details.
Section settings
Number of columns
Desktop
Desktop
Adjust Desktop with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range:
1 to 6 Default: 3Mobile
Mobile
Adjust Mobile with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range:
1 to 1.4 Default: 1Carousel layout
Pagination
Pagination
Choose how Pagination behaves in the section.Available options: None, Dots, Progress, Dynamic.Default:
dotsNavigation
Navigation
Color for navigation
Color for navigation
Overflow
Overflow
Enable or disable Overflow.Default:
disabledOverflow is available only when the featured card layout is normal.Common settings
Section width
Section width
Choose how Section width behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: Page, Fluid, Full.Default:
pageColor scheme
Color scheme
Select the color scheme used for color scheme.Use this to keep contrast and branding consistent with the rest of the store.Default:
scheme-1Top spacing
Top spacing
Choose how Top spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default:
2Bottom spacing
Bottom spacing
Choose how Bottom spacing behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: No, S, M, L, XL.Default:
2Section border
Section border
Choose how Section border behaves in the section.This setting shapes the section container and how it sits against surrounding content.Available options: None, Top, Bottom, Both.Default:
noneBlock settings
Testimonial
This block controls the testimonial content used inside the Testimonials section.
Settings
Corner radius
Corner radius
Choose how Corner radius behaves in the section.Available options: No, S, M, L, ↺.Default:
defaultStyle
Card frame
Card frame
Choose how Card frame behaves in the section.Available options: None, Border.Default:
borderColor scheme
Color scheme
Select the color scheme used for color scheme.Use this to keep contrast and branding consistent with the rest of the store.
Content
Show on
Show on
Choose how Show on behaves in the section.Available options: Desktop, Mobile, Both.Default:
bothContent padding
Content padding
Choose how Content padding behaves in the section.Available options: No, S, M, L, ↺.Default:
defaultVertical alignment
Vertical alignment
Choose how Vertical alignment behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: ⤒, Center, ⤓.Default:
startHorizontal alignment
Horizontal alignment
Choose how Horizontal alignment behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: ⇤, Center, ⇥.Default:
startShow card media
Show card media
Enable or disable Show card media.Review the result on both desktop and mobile when media changes are involved.Default:
disabledMedia
Media position
Media position
Choose how Media position behaves in the section.It has the strongest effect on layout balance and visual hierarchy.Available options: Top, Bottom, Start, End, Background.Default:
topThis setting only appears when its related parent option is enabled.Desktop and tablet only. Automatically adjusted for mobile.Media width
Media width
Adjust Media width with a slider-based control.It has the strongest effect on layout balance and visual hierarchy.Range:
2 to 12 Default: 6This setting only appears when its related parent option is enabled.If you set 0, media will use automatic width.Show on
Show on
Choose how Show on behaves in the section.Review the result on both desktop and mobile when media changes are involved.Available options: Desktop, Mobile, Both.Default:
bothThis setting only appears when its related parent option is enabled.Object fit
Object fit
Choose how Object fit behaves in the section.Review the result on both desktop and mobile when media changes are involved.Available options: Cover, Contain.Default:
coverThis setting only appears when its related parent option is enabled.Image
Image
Upload or choose an image for image.Review the result on both desktop and mobile when media changes are involved.This setting only appears when its related parent option is enabled.
Video
Video
Choose a hosted video for video.Review the result on both desktop and mobile when media changes are involved.This setting only appears when its related parent option is enabled.Overwrites the image.
External video
External video
Paste an external video URL for external video.Review the result on both desktop and mobile when media changes are involved.This setting only appears when its related parent option is enabled.Overwrites the image and video. We recommend above video option for better performance, external videos can cause performance issues. Use a YouTube or Vimeo URL.
Enable mobile specific media
Enable mobile specific media
Enable or disable Enable mobile specific media.Review the result on both desktop and mobile when media changes are involved.Default:
disabledThis setting only appears when its related parent option is enabled.Displays mobile-specific alternative media. Add a media before setting a mobile alternative.Media for mobile
Image
Image
Upload or choose an image for image.Review the result on both desktop and mobile when media changes are involved.This setting only appears when its related parent option is enabled.
Video
Video
Choose a hosted video for video.Review the result on both desktop and mobile when media changes are involved.This setting only appears when its related parent option is enabled.Overwrites the image.
External video
External video
Paste an external video URL for external video.Review the result on both desktop and mobile when media changes are involved.This setting only appears when its related parent option is enabled.Overwrites the image and video. We recommend above video option for better performance, external videos can cause performance issues. Use a YouTube or Vimeo URL.
- Text for more granular content inside this block.
- Button for more granular content inside this block.
- Divider for more granular content inside this block.
- Rating for more granular content inside this block.
Best practices
- Check contrast after changing color schemes so text and controls remain easy to read.
- Keep labels short and scannable, especially in tighter layouts or utility areas.
- Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
- Start with the structural settings first, then refine decorative styling after the layout feels settled.
- Preview the section with realistic content length to catch spacing and wrapping issues early.