LogoLogo
HomeTheme DocsSupportTry Primavera
  • Primavera Theme Docs
  • Guides
    • Quick start
    • Accessibility
    • SEO
    • How to set up the same homepage sections as the demo stores
    • How to add a mega menu
    • How to add a sidebar menu promotion
    • How to add product swatches
    • How to add a product subtitle/cutline
    • How to add product badges
    • How to add product recommendations
    • How to add an external video
    • How do I enable right-to-left support
  • Theme settings
    • Spacing
    • Appearance
    • Logo
    • Colors
    • Typography
    • Product card
    • Mini product
    • Collection card
    • Blog post card
    • Search behavaior
    • Social media
    • Currency format
    • Cart
    • Optimizations
    • Custom CSS
  • Sections
    • Announcement bar
    • Back to top
    • Banner grid
    • Before/after image
    • Bottom bar
    • Blog posts
    • Cart drawer
    • Collapsible content
    • Collection list
    • Contact form
    • Countdown timer
    • Custom liquid
    • External video
    • Featured collection
    • Featured post
    • Featured product
    • Footer
    • Header
    • Image banner
    • Image hotspot
    • Image with text
    • Logo list
    • Media grid
    • Multicolumn
    • Newsletter
    • Newsletter popup
    • Rich text
    • Rich text columns
    • Scrolling content
    • Search modal
    • Section header
    • Shoppable banner
    • Sidebar menu
    • Slideshow
    • Split banner
    • Split card
    • Stacked images with text
    • Testimonials
    • Video banner
    • Video with text
  • Blocks
    • Badges
    • Buttons
    • Card
    • Collapsible
    • Heading
    • Image
    • Liquid
    • Mini product
    • Page
    • Product
    • Text
    • Video
  • Templates
    • 404
    • Account
    • Blog
    • Blog post
    • Cart page
    • Collection
    • Collection list
    • Gift card
    • Home page
    • Product
    • Password
    • Search
  • FAQs
    • Why isn't my video autoplaying?
    • How do I edit the default theme content?
    • Where do newsletter signups go?
    • Why are my images cropped?
    • How can I change the meta color?
  • Advanced
    • Customizing code
    • JavaScript events
    • How to refresh the cart using JavaScript
    • Use a custom font
  • Contact support
Powered by GitBook
On this page
  • Section settings
  • Blocks
  1. Sections

Split card

PreviousSplit bannerNextStacked images with text

Last updated 1 month ago

This is one of the most flexible sections in the theme, allowing you to put two types of section blocks side by side in order to create a split card effect.

It's very similar to , except it can only be padded or page width, never full bleed. This enables you to create some interesting looks, especially if you have .

If so, you can use the border radius setting to achieve the following looks:

Look 1: Border radius on the section (default)
Look 2: Border radius on the blocks

Adds the border radius to the entire card, creating a split card look

Adds the border to blocks instead, allowing you to highlight one block in particular (keep the other block the same color as the background)

Section settings

  • Container type: Choose between padded or page width

  • Border radius: Create between section or blocks to create looks 1 or 2 (see above)

  • Borders: Along with the common top/bottom border settings, you can also enable a border around the section (when border radius is applied to the section)

Blocks

Mix and match two of the following blocks:

Colors: See

Padding: See

common settings
common settings
split banner
rounded card borders
Split card with image banner and rich text blocks, border radius set to section
Cover

Collapsible content

Cover

Countdown timer

Cover

Newsletter

Cover
Cover
Cover
Cover
Cover

Features a single product

with blocks

with a block

with a block

Simple block

An image with overlaid

A video with overlaid

An image or video with blocks

Rich text
collapsible
Rich text
countdown timer
Rich text
newsletter
Rich text
rich text
Image banner
theme blocks
Video banner
theme blocks
Shoppable banner
mini product
Product banner