Concept Documentation
Open a Store for FREEExclusive OffersServicesResources
  • Exclusive Offers 🔥
  • Greeting + Useful Resources
  • Changelog
  • Overview
    • Full Theme Features
    • Online Store 2.0
      • Color Gradient
      • Dynamic Source
  • Installation
    • Install Theme 🎯
    • Update Theme 🔔
      • Update Theme
      • Theme Update Service
    • Install App
      • Product Review
      • Shopify Search & Discovery
      • Shopify Forms
  • Basic Configuration
    • Customer registration
    • Shipping rates
    • Location
    • Language
    • Payment
    • Currency
    • Navigation
  • Theme Settings
    • General
    • Colors
      • Color schemes
    • Typography
    • Multiple layouts
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social Media
    • Search behavior
    • Favicon
    • Currency format
    • Cart drawer
    • Login
    • Multitasking bar
    • Preloading screen
    • Custom CSS
  • Header Group
    • Demo & Settings Data
    • Advanced settings
      • Dropdown menu
      • Mega menu
    • Header
    • Announcement bar
      • Announcement
    • Link list
      • Text
      • Menu
    • Countdown Showcase Hero
      • Heading
      • Countdown
      • Button
      • Logo
  • Footer Group
    • Demo & Settings Data
    • Footer
      • Menu
      • Text
      • Email signup
      • Social
    • Footer bottom
  • Section
    • Section on every page
    • Before/after image
    • Blog posts
      • [Block] Tags
      • [Block] Heading
      • [Block] Content
      • [Block] Author
      • [Block] Date
      • [Block] Button
    • Brand list
      • [Block] Brand
    • Carousel images
      • [Block] Slide
    • Category list
      • [Block] Category
    • Category slide
      • [Block] Slide
    • Collapsible collection
      • [Block] Collapsible row
    • Collection banner
      • [Block] Collection
    • Collection video
      • [Block] Video
    • Collection with bundle
      • [Block] Slide
    • Collection with product
      • [Block] Slide
    • Coutdown showcase hero
      • [Block] Heading
      • [Block] Countdown
      • [Block] Button
      • [Block] Logo
    • Collage
      • [Block] Image
      • [Block] Text
    • Collapsible content
      • [Block] Collapsible row
      • [Block] Caption
    • Collection list
      • [Block] Collection
    • Contact form
      • [Block] Heading
      • [Block] Caption
      • [Block] Text
      • [Block] Button
    • Custom tab
      • [Block] Custom tab
    • Custom liquid
    • Double banner
      • [Block] Heading
      • [Block] Button
    • Email signup
      • [Block] Heading
      • [Block] Email form
    • Featured blog post
    • Featured collection
      • [Block] Heading
      • [Block] Information
    • Featured collection tab
      • [Block] Tab
    • Featured images
      • [Block] Image
    • Featured product
      • [Block] Text
      • [Block] Title
      • [Block] Vendor
      • [Block] Price
      • [Block] Information
      • [Block] Inventory status
      • [Block] Countdown
      • [Block] Variant picker
      • [Block] Buy buttons
      • [Block] Description
      • [Block] Custom liquid
      • [Block] Product rating
      • [Block] Icon with text
    • Featured product tab
      • [Block] Tab
    • Icon with text
      • [Block] Icon with text item
    • Image banner
      • [Block] Heading
      • [Block] Text
      • [Block] Button
      • [Block] Link
      • [Block] Countdown
      • [Block] Thumbnail images
      • [Block] Image with text
    • Image gallery
      • [Block] Image
    • Image with collection
    • Image with text
      • [Block] Logo
      • [Block] Subheading
      • [Block] Heading
      • [Block] Text
      • [Block] Navigation
      • [Block] Link
    • Instagram
      • [Block] Image
    • Lookbook
      • [Block] Image
    • Map
    • Marquee
      • [Block] Marquee
    • Multicolumn
      • [Block] Column
      • [Block] Column: Text
    • Multiple options
      • [Block] Options
    • Outstanding reviews
      • [Block] Slide
    • Page
    • Product column
      • [Block] Collection
    • Quotes
      • [Block] Slide
      • [Block] Heading
    • Rich text
      • [Block] Heading
      • [Block] Caption
      • [Block] Text
      • [Block] Buttons
    • Slideshow
      • [Block] Slide
      • [Block] Lookbook
    • Slide banner
      • [Block] Slide
    • Spotlight products
    • Testimonial
      • [Block] Slide
    • Visual hightlight
      • [Block] Slide
    • Video
      • [Block] Heading
      • [Block] Text
      • [Block] Button
      • [Block] Countdown
    • Video with text
      • [Block] Caption
      • [Block] Heading
      • [Block] Text
      • [Block] Button
  • 🔥POPUP GROUP
    • Before you leave
    • Newsletter popup
      • Heading
      • Text
      • Newsletter
    • Recently purchased
    • Toolbar mobile
      • Search
      • Account
      • Cart
      • Wishlist
      • Link
  • Collection
    • Demo & Settings Data
    • Collection
      • Collection banner
      • Product grid
    • Storefront filtering
  • Collection List
    • Collection list page
  • Product
    • Demo & Settings Data
    • Product
    • Product information
      • Text
      • Title
      • Vendor
      • Price
      • Positive vibes bundle
      • Information
      • Inventory status
      • Countdown
      • Variant picker
      • Buy buttons
      • Description
      • Custom liquid
      • Collapsible row
      • Pop-up
      • Drawer
      • Product rating
      • Complementary products
      • Icon with text
      • Trust badge
      • Ask an expert
      • Size chart
    • Product recommendations
    • Pre-order product
    • Local pickup
  • Blogs
    • Demo & Settings Data
    • Blogs page
    • Blog posts
      • Side block: Products form collection
      • Side block: Collections list
      • Side block: Brands list
      • Side block: Posts list
      • Side block: Tags list
      • Side block: Image
      • Side block: Text
  • Article
    • Demo & Settings Data
    • Article page
    • Blog post
      • Featured image
      • Title
      • Rich text
      • Textarea
      • Image with text
      • Content
      • Lookbook
      • Quote
      • Tag
      • Side block: Products form collection
      • Side block: Collections list
      • Side block: Brands list
      • Side block: Posts list
      • Side block: Tags list
      • Side block: Image
      • Side block: Text
    • Comment
  • Cart
    • How to set up sections for Cart Page?
    • Items
  • Pages
    • How to create a page?
    • Default page
  • Other pages
    • Search page
    • Password page
      • Heading
      • Paragraph
      • Email form
    • 404 page
    • Knowledge base
      • Getting started in Shopify
      • Shopify help center
      • Shopify developers platform
    • FAQs
  • Theme Support
Powered by GitBook
On this page
  1. Blogs
  2. Blog posts

Side block: Products form collection

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Choose Blogs from the dropdown window -> Choose Default blog.

  4. From the side menu, select Blog posts. Click + Add block and select "Side block: Products form collection" block, or click the Search bar to enter a search term.

Setting
Description

Heading

Add text to display as a block heading (Leave the field blank to hide the heading)

Collection

Select a collection to add all its products to the block

Maximum products to show

The number of products from the (collection or products) to display. Must be an even number. Minimum: 1. Maximum: 10.

Number of products per page

Determines the maximum of products can be shown per page. Can be from 1 to 4, increasing arithmetically of 1.

Product card

Setting
Description

Image ratio

Select image ratio from the dropdown menu:

  • Adapt to image

  • Portrait

  • Square

Show color swatch

Enable/disable checkbox (Only shows if option swatch is enabled)

Block padding

Setting
Description

Top padding

Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

Bottom padding

Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).

PreviousBlog postsNextSide block: Collections list

Last updated 9 months ago