|  Pipeline theme
Latest
Latest
  • About Pipeline
    • Pipeline theme documentation
    • Learn Pipeline
  • Updates
    • What's new in Pipeline
    • Pipeline releases
  • Sections
    • Pipeline sections
      • Explore all the sections
      • Accordion group
      • Accordion single
      • Blog posts
      • Collections list
      • Collection product grid
      • Contact form
      • Custom HTML
      • Custom Liquid
      • Custom content
      • Featured article
      • Featured product
      • Gallery
      • Gallery text
      • Icon columns
      • Image banner
        • Countdown timer
        • Collage
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Page
      • Product grid
      • Product slider
      • Product slider tabs
      • Products with image
      • Recently viewed products
      • Rich text
      • Scrolling promotion
      • Shop the look
      • Slideshow
      • Tabs
      • Text columns with images
      • Video
      • Video banner
  • Settings
    • Theme settings
      • Global theme settings
      • Color
      • Typography
      • Layout
      • Search
      • Product card
      • Product form
      • Cart
      • Social media
      • Currency
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
      • Theme style
  • Header
    • Announcement bar
      • Settings and colors
      • Free shipping message
      • Text announcement
      • Icon column
      • Custom HTML
    • Header
      • Header styles
      • Icon styles
      • Toolbar
      • Navigation images
      • Collection block
      • Linking to menu items
      • Transparent header
      • Sticky header
      • Highlight sale menu
      • Collection images
  • Footer
    • Pipeline footer
      • Footer
      • Subfooter
  • Products
    • Product pages
      • Pre-orders
      • Breadcrumbs
      • Tabs and accordions
      • Tabs with metaobjects
      • Product page layout options
      • Product zoom
      • Inventory count down
      • Size charts
      • Unique product content
      • Alt-text sizing information
      • Swatch size
      • Color swatches (legacy)
      • Product siblings
      • Complementary products
      • Buy it with
  • Collections
    • Collection pages
      • Subcollections
      • Badges / Stickers
      • Custom filter options
      • Collection sorting
      • Layout options
      • Speed performance
  • Cart
    • Pipeline Cart
      • Cart types
      • Cart page
      • Cart drawer
      • Cart popup
      • Editing cart text
      • Cart upselling
      • Settings
  • Promotions
    • Upselling
      • Complementary products
      • Buy it with
      • Upsell with Quick View
      • Cart upselling
      • Upsell multiple products
      • Basic version
  • overlay
    • Cart drawer
      • Drawer cart
      • Popup cart
    • Popups
      • Cookies consent message
      • Newsletter popup
      • Text popup
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Add siblings block
  • Search
    • Predictive search
  • Pages
    • Page templates
      • Overview
      • Unique page content
  • FAQ
    • Frequently asked questions
      • Default theme content
      • Context picker
      • Check your theme version
      • Share preview link
      • How to download latest theme version
      • Migrating your settings
      • Improving the speed of your site
      • Optimizing performance of your Product Card & Collection pages
  • Apps
    • Shopify apps
      • Supported apps
      • App integration
      • Search and Discovery
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  • Stacked
  • Grid
  • Mosaic
  • Showcase with vertical thumbnails
  • Showcase with horizontal thumbnails
  • Image width
  • Image spacing
  • Mobile Layout
  • Carousel
  • Showcase without thumbnails
  • Showcase with horizontal thumbnails
  1. Products
  2. Product pages

Product page layout options

Use Pipeline's product page layout controls to customize the look and design of your product pages.

PreviousTabs with metaobjectsNextProduct zoom

Last updated 2 years ago

Introduced in Pipeline 6.3

Stacked

Display large product images on the left column, customers can scroll through images while the right column containing the product form and detailed information remains stick in view:

Grid

Showcase your product images in this modern Grid design layout. Two images per row with two columns are displayed. Similar scrolling effect to the Stacked option where the product form and details remain in view while the shopper is viewing product images:

Mosaic

Combines the Stacked view with the Grid view. Display a large-sized version of the featured product image, followed by the Grid design with two images per row and two columns:

Showcase with vertical thumbnails

Smaller thumbnails to showcase all product images. This style presents the thumbnail images on the left, positioned vertically. Clicking a thumbnail changes the main product image:

Showcase with horizontal thumbnails

A classic design to display a large version of the current featured image with small-sized thumbnails placed below the main image:

Image width

Half

Increase the Product form area by adjusting the Image width option to Half:

Wide

For a larger area to feature the product images, choose the Wide option:

Image spacing

Adjust the whitespace around images to increase or reduce spacing:

Mobile Layout

Pipeline includes multiple layout options for mobile devices to choose from.

Carousel

A clean minimal design to swipe through product images:

Showcase without thumbnails

Adds an indicator overlay with dots representing the number of product images in the carousel:

Showcase with horizontal thumbnails

Displays the thumbnails below the carousel with additional navigation:

Half increases Product Details column
Increased spacing around images in Grid view