Jump to content
kristjan72

Bootstrap carousel shortcodes

Recommended Posts

kristjan72    1
kristjan72

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
James B    436
James B

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"]


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
kristjan72    1
kristjan72

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
kristjan72    1
kristjan72

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
kristjan72    1
kristjan72

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
Danny    1,327
Danny

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]


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
kristjan72    1
kristjan72

thank you, works!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

The topic was marked as resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • oseehys
      By oseehys+
      The Grams section of Platform 5, is lacking lots of important features, that DMS multigram was having, there is no space for another user ID asie the default user, that was one of the strongest point of multigrams, because the Hashtag option cannot capture everyone, multiple User ID is the default standard for Instagram,  Also there is no carousel or slide on this one, it means now that if you want to display 18 pictures in one page all will be visible at once thats not good engineering.
      My appeal to the Pagelines Team, guys please let the next update have all the DMS Multigrams features that is missing on Platform 5 Grams, that will bring it to its glory...
       
       
    • bnapoli
      By bnapoli+
      On my site www.anewbeginning.com the "toggle" function mysteriously stopped working.  I have tried all browsers, tried disabling plugins, removing all the relevant CSS but still cant understand why it isn't working.
      The toggle is placed on this page: http://anewbeginning.com/?page_id=15965 and http://anewbeginning.com/?page_id=10779 but it does not display.
      On my other Platform5 websites, that exact code works fine: see here http://4aa.d11.myftpupload.com/?page_id=123
      Code is the same. Please help, thank you!
    • micstepl
      By micstepl+
      Pagelines seems to "disallow" the (a) usage and/or (display) of shortcodes.
      Specifically I need shortcodes in "description" of "tag/catagory" in order to display images/fontawsome, before a category.
      Please can you provide a fix for me to allow. 
    • ppotent
      By ppotent
      Any chance of a pagelines table plug-in coming? I know that the use of short codes and bootstrap can achieve this, but I can't seem to find any easy/visual editor way of doing this. There are table plug-ins around for wordpress, but honestly, they are pretty clunky. I'd pay for a tables plug-in, given how much I would use tables if I could.
       
       
    • mrhinsh
      By mrhinsh
      Guys,
       The ProPricing plugin does not seam to render shortcodes.

       
      I am using WP-Types, and as you can see the shortcode is rendered in the "Elements" but not in the "ProPricing".
      Can we get a fix?
×