Сollection list row settings

Setting Description
Color scheme

Choose appropriate color scheme for section — list with collections.

*You can edit colors of color scheme in this block, but it will impact the other sections and blocks in which the same color scheme is used.  Learn more about color schemes.

Image ratio

The “Image ratio” setting allows you to control how images are displayed on your website based on their width-to-height ratio. You have several options to adjust collection image appearance near its products:

  • Adapt to image: This option uses the aspect ratio of the images, ensuring that they are not cropped and displayed in their original dimensions.
  • Portrait
  • Square
  • Landscape

This option is useful when:

  1. A collection is displayed in a banner with its products.
  2. A list of collections is shown.
Show description

Path:

  1. Navigate to Shopify admin panel;
  2. Click on Collections section;
  3. Click “Create collection” button on the right corner or click on created collection before from the list;
  4. In Description field, type a brief description about your collection;
  5. Enable this option to show description.
Number of columns on desktop The “Number of columns on desktop” setting allows you to select the number of columns in which your content will be displayed on larger screens, and on tablets. You can select from 1 to 5.

Mobile layout


Setting Description
Number of columns on mobile   The setting allows you to choose the number of columns in which your collections will be displayed on mobile. You can select from the list: 1 column or 2 columns.

Section padding


Setting Description
Top padding The 'Top padding' setting allows you to adjust the amount of space at the top of the section using a slider. 
Bottom padding The 'Bottom padding' setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section. 
Top padding mobile The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider.
Bottom padding mobile The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us