Can someone tell me how they added this next & previous buttons between the variants in below website.
https://westandwillow.com/products/custom-line-drawing-one-pet-portrait
i like to add this exact format in my website.
Topic summary
A user is asking how to implement next/previous navigation buttons between product variants, referencing a specific example from westandwillow.com’s custom pet portrait product page.
Technical Implementation:
- This is an advanced theme customization with multiple possible approaches
- Could use JavaScript to detect the current swatch and programmatically click the next one
- Alternatively, might use Shopify’s Section Rendering API to update buttons dynamically based on selected variant URL/ID
Status:
- The question remains open with no complete solution provided
- One responder offered paid customization services but requested additional context (store URL, theme name, post URLs) before providing further technical details
Hi @jahin2 it’s an advanced theme customization that could be done in many different ways.
It may just be javascript that checks which swatch is “current” then clicks the next swatch, or it’s fully rehydrated using the section rendering api which updates the button to be the next variant id/url as options are selected.
If you need this customization then contact me for paid services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.