How can I delete number of product slide

Solved

How can I delete number of product slide

Aleksander22
Explorer
164 0 57

Hello,

Im asking how can I delete numbers of slicer below the product slider. Here is example 

IMG_1801.jpeg

Accepted Solutions (2)

BSSCommerce-B2B
Shopify Partner
1723 513 576

This is an accepted solution.

@Aleksander22 , Add this code to the end of base.css file

slider-component .slider-buttons {
    display: none!important;
}

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-B2B
Shopify Partner
1723 513 576

This is an accepted solution.

Are you sure you copied it correctly? I see this code in your base.css file

BSSCommerceB2B_0-1726567493145.png

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 10 (10)

Moeed
Shopify Partner
5409 1460 1748

Hey @Aleksander22 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.slider-buttons {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1726566368545.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Aleksander22
Explorer
164 0 57

@Moeed It doesn’t work idk why 

Rahul_dhiman
Shopify Partner
545 109 109

Hello @Aleksander22 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> componrnt-slider.css
add this code at the end of the file.

 

 

.slider-buttons {
display: none !important;
}

 

 

result
6.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
Aleksander22
Explorer
164 0 57

@Rahul_dhiman It doesn’t work unfortunately 

Rahul_dhiman
Shopify Partner
545 109 109

TRY THIS:-

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-slider.css/ base.css
add this code at the end of the file.

button.slider-button.slider-button--prev {
display: none !important;
}
.slider-counter.caption {
display: none !important;
}
button.slider-button.slider-button--next {
display: none !important;
}

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

Dan-From-Ryviu
Shopify Partner
9539 1918 1955

Please add this code to Custom CSS of theme

.product .slider-buttons { display: none !important; }

 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

BSSCommerce-B2B
Shopify Partner
1723 513 576

This is an accepted solution.

@Aleksander22 , Add this code to the end of base.css file

slider-component .slider-buttons {
    display: none!important;
}

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Aleksander22
Explorer
164 0 57

I pasted a code and numbers didint disappear 

BSSCommerce-B2B
Shopify Partner
1723 513 576

This is an accepted solution.

Are you sure you copied it correctly? I see this code in your base.css file

BSSCommerceB2B_0-1726567493145.png

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Aleksander22
Explorer
164 0 57

Oh it was my mistake maybe the full code didn’t paste yeah it’s working thanks