Carousel not displaying properly on theme.

  • Resolved anythinganthony

    (@anythinganthony)


    8 years, 5 months ago

    Hello,

    I am currently using a bought theme and replaced the contents of part-slider.php (file in my theme), with the shortcode:

    <?php
echo do_shortcode( '[image-carousel]' );
?>

    I basically wanted to use CPT instead of the slider they included within the theme. When using the shortcode above, it doesn’t display the slider correctly. It displays it as images with text below, almost as if it’s not reading the settings.

    Here is the site to view: https://www.testingsite.website/

    Thank you for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Phil Ewels

    (@tallphil)

    Hi there,

    I’m looking at this on my phone so I can’t be sure, but it looks like your site isn’t built with the Bootstrap CSS / JS framework. This plugin depends on that, so it won’t work without it (you’ll just see the raw HTML, which is what you see).

    See the plugin front page for more information. Let me know if I’m wrong and you are using bootstrap and I’ll look into it more.

    Phil

    Thread Starter anythinganthony

    (@anythinganthony)

    Hi,

    I just confirmed with the developer of the theme that it isn’t built with the frame work. This is what he suggested:

    Hi there, well the plugin does not load bootstrap library. So you will need to download the appropriate js file from the https://getbootstrap.com/ and paste it in your /js/ folder then open functions.php file and paste

    wp_enqueue_script( 'bootstrap-script', get_stylesheet_directory_uri() . '/js/bootstrap.js', array( 'jquery' ) );

    after this

    wp_enqueue_script( 'modernizr' );

    Not sure which js file I need…appreciate any help!

    Plugin Author Phil Ewels

    (@tallphil)

    Hey,

    The bootstrap site has a customise page where you can download specific parts: https://getbootstrap.com/customize/

    Just untick all of the CSS and JS apart from the Carousel and you should be fine.

    Note that you need JavaScript and CSS for the carousel to work properly. There’s a risk that there could be name collisions in the CSS if you import this as well as what you have in the current site. For this reason it could be worth looking elsewhere for a carousel plugin.. You have been warned! ??

    Phil

    Thread Starter anythinganthony

    (@anythinganthony)

    Hi Phil,

    Thank you for this. I did this along with following the instructions from the below to install:

    https://marcoghislanzoni.com/blog/2013/10/25/adding-bootstrap-3-0-support-to-your-wordpress-theme/

    And for some reason, it’s still not picking up the CSS/JS. I placed the code given in the link above within my funcstions.php and also placed the files in the appropriate css/js folders.

    Is there something I’m missing?

    I really appreciate all your help so far and I feel like we’re close to figuring this out.

    Anthony

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Carousel not displaying properly on theme.’ is closed to new replies.