Troubleshoot product and collection pages
Troubleshoot product and collection pages in Seventh: missing swatches, siblings, badges, filters, variant images and quick buy.
Applies to: Seventh 4.0.0 and later. Added in: Seventh 1.0.0. Last checked: 2026-10-12 against Seventh 4.0.0.
Use this page when swatches, siblings, badges, quick buy, filters or product page blocks do not show or behave as expected in Seventh. Each question gives the cause first, then the fix, and links the page with all settings.
Where to find the settings: Theme settings → Product card, Product badges and Color swatches & size options for all product cards; Products → Default product for the product page; Collections → Default collection for the collection page.
Why are my color swatches not showing?
Because the color option has no swatch data in Shopify, Show color swatches is off, or the card has no Color swatches & size block. Set a color or image for each color value with Shopify's category metafields in Shopify admin, and check Theme settings → Color swatches & size options. See Color swatches & size options theme settings.
Why are product siblings not showing?
Because the Product siblings block is not connected to the metafield, or the product's list is empty. Connect the block's product list to your product list metafield with the dynamic source button, and fill the metafield on each product, including the product itself. See Product variants and buy buttons blocks.
Why does my sale badge say "On Sale" instead of a percentage?
Because the product's variants have different prices or compare-at prices, and since Seventh 2.0.0 product cards then show the generic "On Sale" badge. On the product page, the Product badges block shows the exact saving of the selected variant. See Product badges theme settings.
Why is my custom badge not showing?
Because the product has no value in the metafield named in Custom badge metafield, or the reference is not written as namespace.key. Type the reference by hand in Theme settings → Product badges → Custom badge, for example custom.badge, without the dynamic source button. See Product badges theme settings.
Why do my product cards have different heights?
Because Theme settings → Product card → Media aspect ratio is Uncropped: Natural (the default), which keeps each image's own shape. Select a cropped ratio such as Cropped: Square (1:1) or Cropped: Tall (5:6). See Product card theme settings.
Why does the second image not show on hover?
Because Show second product media on mouse over is off, the product has only one media file, or the card plays the product video. Touch screens have no hover, so the second image shows only with a mouse. See Product card theme settings.
Why does quick buy open a popup instead of adding to cart?
Because the product has several variants, so Quick buy opens the Quick view popup for the customer to choose one. Products with one variant go straight to the cart. See Product card theme settings.
Why does an app block not work in the Quick view popup?
Because Seventh does not support app blocks that need JavaScript initialization inside the Quick view popup. This is a Shopify platform limit, not a theme limit; place the app block on the product page instead. See Product card theme settings.
Why is the Product rating block empty?
Because the product has no rating in Shopify's standard review metafields reviews.rating and reviews.rating_count. Use a review app that writes them, and check that the product has a published review. See Product information blocks.
How do I show only the images of the selected variant?
Turn on Filter media by variant in Products → Default product → Product page → Layout. It appears only when Select the first available variant by default is on. Assign images to each variant in Shopify admin first. See Product page.
Why does the product video not autoplay?
Because Enable video autoplay and Enable video looping are off by default. Turn them on in Products → Default product → Product page → Video settings; mobile browsers in low power mode still block autoplay. See Product page.
Why is the inventory message not showing?
Because Shopify does not track inventory for that variant, or Inventory notification is set to Display only when inventory falls below threshold and the stock is above Low inventory threshold. Turn on Track quantity for the variant in Shopify admin. See Product availability blocks.
Does the back in stock alert email customers automatically?
No. Seventh does not send automatic back in stock emails: the Back in stock alert block emails you, and you notify the customer yourself. For automatic notifications, use a back in stock app. See Product availability blocks.
Why are complementary products or recommendations not showing?
Because Shopify returned no products, and the section or block hides itself when the list is empty. Shopify controls product recommendations and complementary products, not Seventh: assign them in Shopify's Search & Discovery app. See Product recommendations section and Complementary products, coupon code, disclosures and variant metafield blocks.
Why are products missing from my collection page?
Because the collection does not include them, or a filter is active. Shopify controls which products a collection holds. Check the collection's conditions in Shopify admin → Products → Collections, and check that the products are active and published to the Online Store. See Collection page.
Why don't filters show on my collection page?
Because Enable filtering is off in the Collection grid, no filters exist in Shopify's Search & Discovery app, or the collection has no products. Shopify controls which filters exist, not Seventh. See Collection filters and sorting.
Can I have different filters on different collections?
No. Shopify applies the same filters to every collection, and Seventh does not support choosing filters per collection. To turn off filtering on some collections, assign them a second collection template with Enable filtering off. See Collection filters and sorting.
Why are blog posts not showing on my blog page?
Because the articles are hidden, scheduled for later or belong to another blog. Check the article's visibility and publish date in Shopify admin and the blog it belongs to. See Blog page.
Still not working?
If none of these fixes work, contact Krown support. Include your store URL or a preview link, the page where it happens, the device and browser, and a screenshot.
Related pages
- Product card theme settings: media, Quick buy and Quick view for all product cards.
- Product badges theme settings: sold out, discount and custom badges.
- Color swatches & size options theme settings: swatches, siblings and size options.
- Product page: the gallery and the product page blocks.
- Collection page and Collection filters and sorting: the collection grid, filters and sorting.
- Seventh video guides: videos about product cards and product pages.
Troubleshoot sections, cards and blocks
Troubleshoot sections, cards and blocks in Seventh: why a section is not showing, looks different on mobile, or a block cannot be added.
Troubleshoot the header, menus and drawers
Troubleshoot the Seventh header, menus and drawers: transparent header issues, missing mega menus, account icon and search results.