Preview Section | Password = Chingi
1 2

Version: 1.0.0

Latest Update:

2 IMAGES | NO TEXT | NOT FULL WIDTH | ZERO MARGIN

2 IMAGES | NO TEXT | NOT FULL WIDTH | ZERO MARGIN

$5.00 USD
$5.00 USD
Sale Sold out
Taxes included. Download Available in less than 2 minutes

Two Images Section (Zero Gap)

This section renders two equal-width images side-by-side with zero gap — ideal for dual-promotional banners or side-by-side product spotlights. Each image is fully clickable to its own URL, with seamless styling and no extra whitespace.

Key features

  • 2 × 1 grid — two images in a single row, always edge-to-edge.
  • Zero-gap design — no margins between images for a clean, uninterrupted look.
  • Independent links — each image block links to its own destination.
  • Equal height — uses object-fit: cover to ensure both images match height.
  • Theme compatibility — works across all free Shopify themes.
  • No JavaScript required — pure Liquid & CSS, lightweight and performance-friendly.

Editable settings

  • Image picker (2 blocks)
  • Link URL (per block)
  • Section-wide: margin & padding controls

How to add the section

  1. In your Shopify admin, go to Online Store → Themes, click the kebab menu (⋮) next to your theme, and choose Edit code.
  2. Inside the sections folder, click Add a new section.
  3. Name the file: two-images-section.liquid and click Create section.
  4. Remove any placeholder code and paste in the code from this file.
  5. Click Save.
  6. Open the Theme Editor (Customize), click Add section, and choose Two Images Section.
  7. Upload your two images, set links, adjust margins/padding, then Save your theme.
View full details