Changing operation of flexslider carousel to manual not automatic
-
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.