1. How to add side padding and background colors for the product cards?
To optimize product cards in the Theme Editor, follow these steps:
- Navigate to Online Store > Themes > Customize in your Shopify Admin.
- Go to Theme settings > Product.
- Set the desired padding for desktop/mobile view. This sets the space between the text and the edges of the product card.
- Choose a background color for light/dark mode.
2. How to change product card image ratio?
Open the Theme Editor and in the Theme Settings, select the Products section.
For the option labeled “Products Image Ratio”, Product card image ratio can be adjusted from the available options, including Natural (original ratio), Square (1:1), Landscape (4:3), Portrait (2:3), and Wide (16:9), to customize the visual presentation of your product images.
Natural (original ratio)
Square (1:1)
Landscape (4:3)
Portrait (2:3)
Wide (16:9)
Standard (3:4)
3. How to reveal next product images on the product cards?
This guide will help you configure your Shopify theme to reveal the next product images on product cards using various effects and customization options. Options include:
- Image Carousel: Multiple images will be displayed in a carousel.
- Hover to Reveal Second Image: The second product image will be displayed on hover.
- None: No additional images will be displayed on hover.
You can also set up some effects and styles:
- Set the color for transition arrows when Image Carousel is enabled (for both light and dark backgrounds)
- Customize the appearance of the next and previous arrows.
- Set the duration for each slide in the carousel (between 1 to 4 seconds).
4. How to alter the inventory stock status?
The low stock threshold serves as a predefined limit set by the retailer or admin to determine when a product's stock level is considered low. When the quantity of a particular product falls below the specified threshold, it shows a "Low stock" signal in Inventory status block on the product page.
Look for the config "Low Stock Threshold."
Adjust the low stock threshold according to your preference. This threshold can typically be set within the range of 1 to 20 units.
Result:
