Listing Carousel Help

  • scott
    scott
    Senior Member 247 points
    August 2, 2016 at 11:13 am

    Is there a way to stop the carousel auto scrolling? So that you can only scroll through using the arrows?


  • Josh
    Super Guru 13,875 points
    August 2, 2016 at 1:00 pm

    Hello Scott,
    Are you referring to the Default Homepage Carousel?If so please replace the file home-layout-coupon1.php with the attached file (unzip first).Then add the below code under Theme Setup >General Setup >Custom css
    If the using the Page Builder it already has this option

    .owl-controls .owl-buttons .owl-prev {
    left: -5px;
    top: 110px;
    }
    .owl-controls .owl-buttons .owl-next {
    right: -5px;
    top: 110px;
    }
    .owl-controls .owl-buttons div {
    position: absolute;
    background: #BBBBBB;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    }

    Note:You might need further customization to make it look as you want

    Attachments:
    You must be logged in to view attached files.
  • scott
    scott
    Senior Member 247 points
    August 2, 2016 at 1:29 pm

    Hi Josh I am using page builder but I cannot see an option to stop it auto rotating?

    There is an option to show arrows but I don’t want the carousel to start scrolling automatically?

  • scott
    scott
    Senior Member 247 points
    August 3, 2016 at 1:04 pm

    Any ideas with this Josh? Must be something I can do to stop the auto scroll..


  • Josh
    Super Guru 13,875 points
    August 3, 2016 at 1:14 pm

    Hello Scott,
    The Page Builder carousel does not have an option to stop auto play currently.

  • scott
    scott
    Senior Member 247 points
    August 3, 2016 at 1:27 pm

    Could you point me to the file I would need to edit? I know it’s not recommended but I would like to give it a go.


  • Josh
    Super Guru 13,875 points
    August 3, 2016 at 1:33 pm

    Try the theme core js files located under framework >js

  • scott
    scott
    Senior Member 247 points
    August 3, 2016 at 2:14 pm

    It seems to be in core.jquery.js but nothing i change takes effect..


  • Josh
    Super Guru 13,875 points
    August 3, 2016 at 2:15 pm

    In your Page Builder plugin files locate the file shortcodes >PT_Core_Carousel.php and replace it with the attached file (unzip first)

    Attachments:
    You must be logged in to view attached files.
    This reply was awarded the best answer by the topic poster.
  • scott
    scott
    Senior Member 247 points
    August 3, 2016 at 2:19 pm

    Hi Josh, replace Page builder with what? Were you meant to attach something?

    EDIT: Apologies, It’s now showing.

  • scott
    scott
    Senior Member 247 points
    August 3, 2016 at 2:24 pm

    Perfect Josh! Thank you very much!

    Did you change auotplay to false? I was looking in completely the wrong place!

    Thanks again!


  • Josh
    Super Guru 13,875 points
    August 3, 2016 at 2:25 pm

    The plugin could not be uploaded due to the size so I edited my response to the above

    ‘In your Page Builder plugin files locate the file shortcodes >PT_Core_Carousel.php and replace it with the attached file (unzip first)’

    Yes I changed autoplay to false

  • scott
    scott
    Senior Member 247 points
    August 3, 2016 at 3:32 pm

    Thanks Josh. Could you help me with one more thing?

    How do I change how many carousel items are shown in each screen resolution?

    For example: any screen with a width of 800 to only show 2 carousel items at a time?

    In core.jquery.js there’s code such as:

    itemsDesktopSmall:[979,3],itemsTablet:[768,2]

    But changing this seems to have no effect.


  • Josh
    Super Guru 13,875 points
    August 3, 2016 at 4:45 pm

    If customizing the Page Builder edit the Page Builder files not theme core files.You will need to hire someone to assist with customization.Please try here >>www.premiumpress.com/designwork/


  • FILMY COLLECTOR
    Newbie 1 points
    January 22, 2017 at 2:19 pm

    Hello Josh,

    I have changed in the same file you mentioned in your response. but it is not reflecting also i want to pause carousel on hover. I have used premiumpress builder.

Viewing 15 posts - 1 through 15 (of 16 total)

New Business Themes for WordPress 2020

Start your new website today!

View Business Themes