https://www.alluresociety.com.au/collections/foundation This is the collection that I am using the Meta Description field to display the discount but I intend on using it on most collections /products but just want to ensure the grid does not become unaligned like how it has
Topic summary
Product cards in a Shopify collection grid are displaying at uneven heights when some items have longer titles or a discount message pulled from a metafield, despite images already being set to a consistent ratio.
Scope and context:
- The issue is visible on the provided collection page (foundation). The discount metafield is intended to be used across most collections/products.
- Goal: keep all product tiles the same size/ratio regardless of varying text content.
Attempts and obstacles:
- An instruction to “Add the following code just above tag body” could not be followed because the body tag was not found in theme.liquid.
- A subsequent attempt to implement changes did not resolve the problem.
Key terms:
- Metafield: a custom data field in Shopify used here to display a discount message.
- theme.liquid: the main theme layout file.
- Body tag: the HTML element.
Status:
- No working solution or confirmed fix yet. The issue remains open and assistance is requested. The linked page is central to understanding the problem.