If possible yes please that would be great thanks
Topic summary
Main issue: Product images appear oversized on product pages despite being resized (from 20MP originals to 1024×1024, then 800×600, which hurt quality). A separate collection URL duplication (“east-coast” vs “East Coast”) also occurred.
Key clarifications and perspectives:
- Duplicate collection view was caused by linking both the collection and a tag; Shopify enforces lowercase slugs, so URL case can’t be changed.
- One participant felt image size looked fine; the store owner wanted smaller display. Grid size on collection pages can be adjusted via products-per-row.
Actions taken:
- Helper requested and received theme access; added CSS to constrain the product wrapper’s max-width (set to 1000px) in style.css.
- Additional CSS provided to limit product image container to 50% width and cap the carousel stage width. Both snippets were added at the bottom of style.css.
Outcomes:
- Store owner reports the product images now look better; changes should apply across all products. Future tweaks involve adjusting the pixel values (e.g., max-width).
Status and open items:
- Primary issue effectively resolved for the original theme (Susie).
- A new participant using Pipeline can’t find style.css and seeks help; unresolved.
Notes: Screenshots and CSS code snippets were central to understanding the fixes.