Hi everyone,
How can we remove the numbers from the picture, we just want to showcase the picture without the numbers.
URL is www.lunalucente.com
Topic summary
A user seeks to remove numerical indicators from product bundle images on their Shopify store.
Proposed Solutions:
Three community members offered CSS-based fixes:
- Option 1: Add custom CSS code to the theme.liquid file, placed above the
</body>tag - Option 2: Insert CSS targeting
.product-bundles__item-index { display: none; }into the Custom CSS section - Option 3: Similar approach using theme.liquid with CSS hiding
#m-product-bundles-templateitem indices
All solutions involve adding display: none styling to hide the bundle item index numbers while preserving the product images.
Status: Multiple working solutions provided; awaiting user confirmation on which approach was implemented successfully.
Hey @lunalucenteskin
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
You can remove those numbers by adding this code to Custom CSS of that section.
.product-bundles__item-index { display: none; }
Hello @lunalucenteskin
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.