• Help!! I have literally spent hours researching how to change my flexslider on my site https://www.nycleverk9.com carousel operation from automatic to manual, including trying many various codes offered. I can get it to stop sliding by : slider-False but the manual navigation tools (arrows, dots underneath) will not work. I have tried all the code changes described in the flexslider site – all fail. I need for it to apply to my mobile site as well. The existing code is as follows: <?php
    /**
    * Homepage Portfolio Panel
    */

    /**
    * The Variables
    *
    * Setup default variables, overriding them if the “Theme Options” have been saved.
    */

    $settings = array(
    ‘portfolio_area_entries’ => 3,
    ‘portfolio_area_title’ => ”,
    ‘portfolio_area_message’ => ”,
    ‘portfolio_area_link_text’ => __( ‘Go to Portfolio’, ‘woothemes’ ),
    ‘portfolio_area_link_URL’ => ”,
    ‘portfolio_linkto’ => ‘post’,
    ‘portfolio_area_gallery_term’ => ‘0’
    );

    $settings = woo_get_dynamic_values( $settings );
    $orderby = ‘date’;

    $query_args = array(
    ‘post_type’ => ‘portfolio’,
    ‘posts_per_page’ => intval( $settings[‘portfolio_area_entries’] ),
    ‘suppress_filters’ => 0,
    ‘order’ => ‘DESC’,
    ‘orderby’ => $orderby
    );

    if ( 0 < intval( $settings[‘portfolio_area_gallery_term’] ) ) {
    $query_args[‘tax_query’] = array(
    array(
    ‘taxonomy’ => ‘portfolio-gallery’,
    ‘field’ => ‘id’,
    ‘terms’ => $settings[‘portfolio_area_gallery_term’]
    )
    );
    }

    // The Query
    $the_query = new WP_Query( $query_args );
    $post_count = $the_query->post_count;
    $hide_pagination = ”;
    if ( 3 >= $post_count ) { $hide_pagination = ‘ hide’; }
    if ( $the_query->have_posts() ) {
    ?>
    <div id=”portfolio-slideshow”>

    <div class=”slideshow col-full”>

    <aside>
    <?php if ( $settings[‘portfolio_area_title’] != ” ) { ?>
    <header>
    <h2><?php /*echo $settings[‘portfolio_area_title’]; */?> Rave Reviews!</h2>
    </header><!–/header–>
    <?php } ?>
    <?php if ( $settings[‘portfolio_area_message’] != ” || $settings[‘portfolio_area_link_text’] != ” ) { ?>
    <div class=”entry”>
    <p><?php echo stripslashes($settings[‘portfolio_area_message’]); ?></p>
    Find Your Behavior Problem!
    <?php /* if ( $settings[‘portfolio_area_link_URL’] != ” ) { ?>” class=”portfolio-btn”><?php } ?><?php echo $settings[‘portfolio_area_link_text’]; ?><?php if ( $settings[‘portfolio_area_link_URL’] != ” ) { ?><?php } */?>
    </div><!–/.entry–>
    <?php } ?>
    </aside><!–/aside–>

    <?php
    if (is_mobile()) { ?>
    <div class=”mobile-flexslider”></div>
    <div class=”mobile-flexslider-controls-container”></div>
    </div>
    <?php
    } else { ?>

    <div class=”flexslider”>
    <ul class=”slides” style=”margin-left: 200px !important;”>
    <?php while ( $the_query->have_posts() ) { $the_query->the_post(); global $post; ?>
    <li style=”max-width: 200px !important;”>
    <article class=”portfolio-item”>
    <?php
    $rel = ”;

    $custom_url = get_post_meta( $post->ID, ‘_portfolio_url’, true );
    if ( $custom_url != ” )
    $permalink = $custom_url;
    else
    $permalink = get_permalink();

    if ( $settings[‘portfolio_linkto’] == ‘lightbox’ ) {
    if ( $custom_url == ” )
    $permalink = woo_image( ‘return=true&link=url’ );
    $rel = ‘ rel=”lightbox[\’home\’]”‘;
    }

    $lightbox_url = get_post_meta( $post->ID, ‘lightbox-url’, true );

    if ( isset($lightbox_url) && $lightbox_url != ” ) {
    if ( $custom_url == ” )
    $permalink = $lightbox_url;
    }

    $image = woo_image( ‘width=200&link=img&return=true&noheight=true’ );

    if ( ! $image ) {
    $image = ‘<img src=”‘ . get_template_directory_uri() . ‘/images/temp-portfolio.png” alt=”” />’;
    $rel = ”;
    }
    ?>
    ” class=”item”<?php echo $rel; ?>>
    <?php echo $image; ?>

    <div class=”childexcerpt”>

    <div>
    ” title=”<?php the_title_attribute(); ?>”><h2><?php the_title(); ?></h2>
    <p><?php echo get_the_excerpt(); ?></p>
    </div>

    </div><!–/.mask–>
    </article><!–/article–>
    <!–/li–>
    <?php } // End While Loop
    ?>
    <!–/.slides–>

    </div>
    <div class=”flexslider-controls-container<?php echo esc_attr( $hide_pagination ); ?>”></div><!–/.flexslider-controls-container–>
    </div>

    <?php } ?>

    <script type=”text/javascript” charset=”utf-8″>
    jQuery( window ).load( function() {
    var portfolioArgs = {
    animation: ‘slide’,
    animationLoop: true,
    itemWidth: 238,
    itemMargin: 40,
    maxItems: 3,
    move: 1,
    controlsContainer: ‘.flexslider-controls-container’
    };

    if ( 768 > jQuery( window ).width() ) {
    portfolioArgs.maxItems = 1;
    }

    jQuery( ‘#portfolio-slideshow .flexslider’ ).flexslider( portfolioArgs );

    if ( jQuery( ‘#portfolio-slideshow .flexslider .portfolio-item’ ).length <= 3 ) {
    jQuery( ‘#portfolio-slideshow .flexslider-controls-container’ ).hide();
    }
    });
    </script>

    </div><!–/#portfolio-slideshow–>
    <?php } // End IF Statement ?>
    Please help before my brain explodes!! Thank you

  • The topic ‘Changing operation of flexslider carousel to manual not automatic’ is closed to new replies.