change slider design into sweep arrows (or other) design

arivon
Excursionist
26 0 5

Hi! I want to change this design of the sweep things into another more user friendly (like arrows)


Turn this:

arivon_1-1715759001372.png

 

Into arrows on the sides. Or other design


Replies 5 (5)

Liqiud_xPert_SJ
Shopify Partner
802 100 128

@arivon 

Because you did not provided the store url. i can say only that you need to find the CSS or JS code which can enable this.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
arivon
Excursionist
26 0 5

BSSTech-Venture
Shopify Expert
248 50 57

Hi @arivon

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

.slideshow__progress-bar:before, .slideshow__progress-bar:after {
  width: 10px !important;
  height: 10px !important;
  border-radius: 8px !important;
}

Here is result: 

BssTechVenture_0-1715760050826.png

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 😍😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

arivon
Excursionist
26 0 5

Thanks, this works but it are dots wich is almost de same. Do you have any other design?

RiktigRegnskap
Visitor
2 0 0

To change the slider design into sweep arrows or another design in your Shopify store, you can follow these steps:

  1. Access Theme Customization: Log in to your Shopify admin panel and navigate to the "Online Store" section. Click on "Themes" and then select "Customize" for the theme you want to edit.

  2. Edit Slider Section: Find the section that contains the slider you want to modify. This could be on the homepage or another specific page depending on your theme.

  3. Find Slider Settings: Look for settings related to the slider design. These settings are usually found under the "Sections" or "Theme Settings" options in the customization panel.

  4. Change Design to Arrows or Other: Depending on your theme and the customization options available, you may have the ability to switch the slider design to arrows or another user-friendly design. Look for options like "Navigation Type" or "Slider Controls" and choose the arrow design or another preferred style.

  5. Save Changes: After making the necessary adjustments, preview your changes to see how the new design looks. Once you are satisfied, click on "Save" or "Publish" to apply the changes to your live Shopify store.

  6. Test Responsiveness: Ensure that the new slider design is responsive and looks good on different devices such as desktops, tablets, and mobile phones.

If your theme does not have built-in options to change the slider design to arrows or another style, you may need to consider customizing the theme code or using a Shopify app that offers more advanced slider design options.