Awesome!! Thank you!!
Just curious - do you know if I can also redirect the choose options link to go to the product page instead of the popup?
Thanks!!
Topic summary
Main issue: adjust the Featured Collection slideshow in a Shopify theme—make navigation arrows more visible, reduce spacing between product image and the “Choose options” button, and make that button smaller. A follow-up request asks to redirect “Choose options” to the product page instead of opening a popup.
What was done:
- A responder noted arrows are already visible on the provided storefront.
- Provided CSS (via Online Store > Themes > Edit code > Assets > base.css/style.css/theme.css) to reduce spacing and button size:
• .card:not(.ratio) { height: fit-content !important; }
• .card__content .button { min-height: fit-content; }
• ul#Slider-template–18694670909735__featured_collection { margin-bottom: 0px; } - Screenshots and a code snippet are central to understanding the suggested changes.
Open items / unresolved:
- Redirecting “Choose options” to the product page: suggested using Theme Customize to change a button link, but the OP notes the Featured Collection’s “Choose options” lacks an editable button setting. The responder advises editing the HTML where it’s defined, without specifics. No confirmed solution.
- Another participant asks how to add arrows in the Refresh theme; no solution provided yet.
Status: Partially addressed (styling). Link behavior and arrows for Refresh remain open.
1 Like