Layout
Frame offers several page layout options. Navigate to Theme Settings > Layout to make customizations. Using the 'Products per row' feature, you have the option to show 2, 3, or 4 products per row. This setting applies to all cards on the Collections page, Search page, and Blog page and sections containing cards such as Collection Lists, Blog Posts, and Featured Collections. Please note that this setting only applies to desktop and large screens; on tablet and mobile devices, we will adjust the number of products per row to fit the device size.
You can also show or hide visual elements inside cards:
- Product Card:
- Check the 'Show second image on hover' option to show the user the second product image upon hover. This feature is an excellent way to show customers a product in two different uses. For example, if you have a clothing store, you may want to show a garment on a ghost mannequin with a white background as the main image and show the garment on a model on hover. Please note that this feature will only work on desktop and laptop devices. Hover is not available on touch devices.
- Check the 'Show vendor' option to show the vendor or brand on each product card. This feature is perfect for multi-brand retailers that offer many brands to their customers. Please enter the vendor into each Shopify product page to ensure this feature works correctly.
- Blog Card:
- Check the 'Show date' option to show the date when an article was published on each blog card.
- Check the 'Show author' option to show the article's author on each blog card.
Lastly, you can select the aspect ratio of your product and article images. Frame offers Square, Portrait, and Adapt to Image aspect ratios. This setting applies to images on the product page and the cart. Sections with media have their own setting for media aspect ratio.
