Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Bootstrap carousel shortcodes


Question

Posted · Report post

Is it possible to customise the behaviour of the bootstrap carousel using the shortcodes? Sepecifically I want to have carousel set to pause unless the user clicks, so no auto sliding at all. I've tried this:

[pl_carousel name="cameraslider" data-pause="true"]
also, for a different slider I would like to change the speed of the sliding:
[pl_carousel name="trailerslider" data-interval=1000 data-pause="hover"]

but the speed seems to remain constant whatever value I put after the data-interval attrinbute (the pause on hover does work!)

thanks

Share this post


Link to post
Share on other sites

10 answers to this question

Posted · Report post

Ok, sounds good. Do you need further assistance with anything else?

Share this post


Link to post
Share on other sites

Posted · Report post

I do have this question:

I'm using this code (thanks to Danny) to for the blog page:

.blog #site #pagelines_content, {

background: transparent;

border-color: transparent;

}
and I want to do the same for other pages. I'd like to apply this same to different Page Templates (in this case Template 4). Searched class.template.php and it looks like the templates are simply labelled 1, 2, 3, 4, 5. I tried:
.4 #site #pagelines_content, {

background: transparent;

border-color: transparent;

}

but that didn't work. Any idea?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi

You can use the following classes for the templates.

  • Template | Default = .default .page-template-default
  • Template | 1 = .alpha .page-template-page-alpha-php
  • Template | 2 = .beta .page-template-page-beta-php
  • Template | 3 = .gamma .page-template-page-gamma-php
  • Template | 4 = .delta .page-template-page-delta-php
  • Template | 5 = .epsilon .page-template-page-epsilon-php
  • Template | Example = .example .page-template-page-example-php

So with that, you can do the following for template 4.


.delta #site #content .content, {
background: pink;
border: 1px solid green;
}[/CODE]

Share this post


Link to post
Share on other sites

Posted · Report post

thank you, works!

Share this post


Link to post
Share on other sites

Posted · Report post

Also, I have spoken to one of our developers regarding the data interval and data pause and he informed me that these settings have not been implemented. However it should be fairy simple and will be added in the future.

I have resolved this topic.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

The only thing i can see from your code is that the interval isn't enclosed in "". According to the bootstrap page you can pass intervals in the shortcodes.


[pl_carousel name="trailerslider" data-interval="1000"data-pause="hover"]

Share this post


Link to post
Share on other sites

Posted · Report post

Oops. The no-closed quote marks were ok on my site, just messed up typing the code here on the forum post.

I made two carousel sliders, on the same page, one with the data-interval set to 1000, and the other set to 6000, but they both auto-scroll at exactly the same speed, looks like the default. Maybe the 'data-interval' is the wrong shortcode for that? I looked in class.shortcodes.php but couldn't find any shortcode that looked like it affected the speed

Share this post


Link to post
Share on other sites

Posted · Report post

I have just tried this and you're correct, but there is no mention of this type of functionality in our demo shortcode page. I will speak to one of our developers and reply here when I have more information.

Share this post


Link to post
Share on other sites

Posted · Report post

thanks. I'll use the Quickslider in the meantime, although I prefer the bootstrap sliders look

Share this post


Link to post
Share on other sites