Instafeed hack with bxslider conflict with media upload and contact form 7

  • Resolved edumusa

    (@edumusa)


    9 years, 11 months ago

    hello folks,
    this is my first post!

    my issue:
    i made some changes (well, a programmer made for me, got payed and vanished) to a instagram plugin, instafeed, so that it would fit my layout needs, a slider with previous and next buttons, using jquery. I couldn’t find anything similar…

    Worked fine, except that media upload doesn’t show images, or uploads, and contact form 7 plugin keeps spinning after succesfully sending the message, with no alert message.

    If i put the script within my theme rather than the plugin, both upload and contact behave normally, but the jquery only works when i refresh the page, when it works…(actually, don’t know why it stoped working even on refresh now…)

    i already searched a lot with google, made several tests, with plugins disabled, with original wordpress theme, moved the script to header, footer, sidebar, page template.. nothing works!

    the links:
    final, open to public website, with scripts in plugin:
    http://www.cabelaria.com.br

    testing website, with scripts in theme:
    http://www.oycos.com.br/final

    here’s the script:

    <script src="<?php echo get_template_directory_uri();?>/js/jquery.min.js"></script>
<script src="<?php echo get_template_directory_uri();?>/js/jquery.bxslider.js"></script>
<link href="<?php echo get_template_directory_uri();?>/css/jquery.bxslider.css" rel="stylesheet" />
<script>
<script>
$(document.body).ready(function(){
  $('.slider4').bxSlider({
    slideWidth: 160,
    minSlides: 2,
    maxSlides: 7,
    moveSlides: 4,
    slideMargin: 1,
pager : false
  });
});
</script>

    any ideas from you experts?
    thanks in advance.

    [ No bumping please. ]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter edumusa

    (@edumusa)

    9 years, 11 months ago

    well… i didn’t get it yet, but i now left the plugin with no hacks at all, using the original class in the jquery, and still needs a refresh for loading, but not in all pages, only on the first load it’s not working.
    But i can’t leave the page that way, when visitors access the website for the first time, in the homepage, has to be perfect…
    i even tried a refresh metatag, but then the page takes to long to get stable.
    i really need some thoughts.

    Thread Starter edumusa

    (@edumusa)

    9 years, 11 months ago

    ok!

    so i did make it work!

    following the lead that i should apply some kind of a reload or refresh function, i searched all around until i found a piece of code from some other issue that guided me through the solution.
    So i just left the plugin untouched, used it’s own class as a target, and changed the first line of the Jquery:

    $(window).load(function() {
  $('.instafeed_widget_list').bxSlider({
    slideWidth: 160,
    minSlides: 2,
    maxSlides: 7,
    moveSlides: 4,
    slideMargin: 1,
	pager : false
  });
});

    this way the jquery runs after the page content loads. Takes a while, but works fine!

    I hope this thread helps anybody out there with this kind of trouble…
    🙂

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Instafeed hack with bxslider conflict with media upload and contact form 7’ is closed to new replies.