Products

Global product settings can be found in this section. To access this, navigate to: Customizer > Theme Settings > Products

Products grid

Change the product grid image ratio if needed.

Media Fit

This feature controls how images are displayed in online stores. Allowing for this customization eliminates image cropping and provides a seamless, visually appealing shopping experience for customers.

The Media Fit feature provides the following options:

• Cover: Selecting the "Cover" option automatically resizes the image to fit the designated container while maintaining the original aspect ratio. This results in the image covering the entire container, potentially cropping parts of the image that exceed the container's dimensions. This option is suitable for customers who prioritize filling the designated space completely.
• Contain: Choosing the "Contain" option resizes the image to fit within the designated container, ensuring that the entire image is visible without cropping. The aspect ratio of the image is maintained, and any empty space within the container is filled with a background color or pattern. This option is ideal for customers who want to display the complete image while preserving its original proportions.

Swatches

Use the name you would like to use for swatches. The name you chose has to match the variant label on the product admin page.

Size guide

Use the correct name to match the size variant name on the product admin page.

Show product swatches

Enable this option to show the product swatches if needed. We have set default color names and assigned RGB colors to them by default.

Show in grid product swatches.

Enable this option to show the product swatches on the product grid.

Use swatch images from files

Enable this option if you would like to show custom uploaded swatches. The image must be named the swatch option and uploaded as a `.png.’ file. Upload the image to the Files section of your Shopify admin (Settings > Files).

Swatches style

Change the swatch style to Round (default) or Square style.

Contact Us