Venture theme - slideshow speed and arrow removal

New Member
7 0 0

Hello , i have changed to settings to the slideshow to "true" , on the Venture theme. However i would like to remove the arrows and have the images change 3 seconds faster , could someone help with that please

0 Likes
Tourist
6 0 1

I know how to change the speed, but I'm also looking to remove the arrows.

Open slideshow.liquid in Sections.  Change data-speed from 7000 to 4000:

data-section-type="slideshow" data-autoplay="true" data-speed="4000">

I'd also like the slideshow to stop on the last slide.  No loop.  Possible?

Edit:  I tried this and it worked.  I don't know if it's the correct way to do it or not.

In the same slideshow.liquid file:

<div class="hero__arrows small--hide" aria-controls="Hero">
                    <a href="#" class="hero__arrow hero__arrow--prev">
                      {% include 'icon-arrow-left' %}  DELETE THIS
                      <span class="icon__fallback-text">{{ 'homepage.hero.previous_slide' | t }}</span>
                    </a>
                    <a href="#" class="hero__arrow hero__arrow--next">
                      {% include 'icon-arrow-right' %} AND THIS
                      <span class="icon__fallback-text">{{ 'homepage.hero.next_slide' | t }}</span>
                    </a>
                  </div>

0 Likes
New Member
7 0 0

Thank you

0 Likes
Tourist
9 0 1

You can edit the speed of the slideshow via the GUI in the slideshow section, as shown below

Screen Shot 2020-01-02 at 4.52.23 PM.png

 

Then you can remove the arrows by navigating to your slideshow.liquid file in the sections directory and search for the class name "hero-content-navigation"

and comment out the class, save the file and refresh your page, the arrows should dissappear.

 

Screen Shot 2020-01-02 at 4.50.20 PM.png

0 Likes