Ive attached 2 photos, 1 of my store the blue and one of another the pink. I want to change it so when viewing on mobile it comes up as the circles for switching photos not the 1/6 view like the other site and i also want my bundles to be highlighted the whole time and darken when selected like the pinks site. aventacy.com is my site and the other is sheenskin.au
Topic summary
Main issue: On mobile product pages, the store shows a “1/6” pagination style for images; the owner wants dot/circle indicators instead, and wants product bundle options to stay highlighted by default and darken when selected (matching a reference site).
Clarification: A helper confirmed the desired UI with a mockup screenshot, focusing on the photo selector behavior.
Proposed fix: Edit theme code via Shopify Admin → Online Store → Themes → Edit code, open theme.liquid, and insert a custom snippet above the tag to adjust the mobile image pagination and bundle selection styling. (Note: The exact code snippet isn’t included in the transcript; images and the missing code are central to understanding the solution.)
Outcome: After initially seeing the change only on desktop (bundle border), the store owner re-applied the code correctly; both mobile photo selector and bundle highlighting now work as intended.
Status: Resolved. No outstanding questions or further actions indicated.
1 Like
Hi @Spay , Do you mean like this ?
@BSSCommerce-HDL Yes and just the photo selecting part
1 Like
@Spay , You can try:
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
@BSSCommerce-HDL Hey i just noticed this only changed the blue border around the bundles on desktop view not mobile aswell is there a way so its on both?
Don’t Worry i must of accidently messed it up reput it in all working 