Single image carousel html for php template

[snakebyte99]

I wish to use the single image carousel html for groups loop.php to take advantage of mobile swipe and also hover navigation arrows for deskop.

I can’t get it to work copying and pasting html as I think the dependencies on dynamic width due to the kleo tiles or incorrect loading of js is causing issues.

I have created a temporary solution using css snap points which you can see at:
http://cryptocritix.com/icos/

 

What is the bare essentials I need to do this.

For example:
<div class=”caroufredsel_wrapper”>
<div class=”kleo-carousel”>
<div class=”slide1> TEST </div>
</div>
</div>

Thank you

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[snakebyte99]

thank you

[Radu]

Hi,

Why you aren’t place directly the shortcode there ?

COPY CODE

[vc_images_carousel]

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[snakebyte99]

Hi, i cant use shortcode for this because I want to modify the groups loop html. I am not sliding a post or image. i am sliding html in a php file.

I have tried to copy and paste all html into php template file but the next slide button does not work.
What I will need is the html and how to initialise js.

for example.

content

content

<script>
initialise js swipe
</script>

thanks

[Radu]

I think it’s necessary to add in your page head the files that module needs like their script and css and maybe the initialization.

To can find out what are them just add in a page with visual composer that module then preview the page and look at the head tag and inside it for related.

I had looked quick at the rendered shortcode source

wp-content/plugins/js_composer/assets/lib/vc_carousel/js/vc_carousel.min.js

wp-content/plugins/js_composer/assets/lib/vc_carousel/js/transition.min.js

wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js

wp-content/plugins/js_composer/assets/lib/prettyphoto/js/jquery.prettyPhoto.min.js

wp-content/plugins/js_composer/assets/lib/waypoints/waypoints.min.js

So the init function not sure what it’s since this shortcode comes from visual composer directly.

Try to run KLEO.Main.init(); not sure if this ill init also non-kleo items.

You can ask the visual composer team about this.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts