Please check @ThePrimeWeb
Topic summary
Goal: Move product image thumbnails from below the main image to a left-side vertical layout across all product pages (Vivid theme).
What happened:
- Store URL was shared. A helper suggested adding custom CSS in theme.liquid under the tag, with screenshots attached. Initial code produced no visible change.
- The helper suspected the code wasn’t saved or applied to the correct theme. The change appeared to work on only one product, not sitewide.
- A revised snippet was suggested, but the merchant modified selectors with incorrect classes, so the CSS didn’t apply properly. The helper pointed out the class issues.
New issues:
- A “too long” thumbnail div appeared; the merchant says this was fixed.
- Slider navigation buttons are not working. The helper noted the buttons hadn’t worked from the start and were hidden via CSS (display: none).
Current status:
- Partial success on layout; not consistently applied across all products. Slider buttons remain non-functional. No confirmed resolution.
Notes and next steps:
- Correct theme-specific selectors for Vivid and apply CSS globally.
- Review JavaScript for the slider component and reinstate/hook up navigation buttons (remove display:none if needed).
- Screenshots and code snippets are central to diagnosing this.