Jump to content
jannon

Quick Slider In Sidebar Other Than Wrap

Recommended Posts

jannon    0
jannon

I'm using Quick Slider for rotating ads on my site. I'm using it in the Wrap area of the sidebar but I really need to have it placed in the sidebar below a set of additional rotating advertisers. Here is the link to the site: http://www.whidbeylifemagazine.org

Is there any way I can have Quick Slider placed inside the sidebar below these additional rotating advertisers? I'm using Quick Slider for a specific group of advertisers in order to utilize the linking capability from each slide so that each ad has a live link that will take the visitor to their site.

thanks,

Jan

Share this post


Link to post
Share on other sites
batman    389
batman

Hi Jan

You can add a widget text with a shortcode "Image Carousel", you see this link

http://demo.pagelines.me/tools/

Then you add some CSS like


.carousel-caption { display: none;}

.carousel-control, .hentry .carousel-control {display: none;}

To remove title and arrows


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, let us know if Batman's solution worked for you


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
jannon    0
jannon

If I use Batman's solution, how would I create a link for each image? I see how to pull an image using a URL so I can display the image as one of the slides but I don't know how to set a link to the slide so that if a visitor clicks on an image it will open another window with that linked url.

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, you'll need to use html to provide the target



<a href="http://www.w3schools.com" target="_blank">Visit W3Schools</a>

You can find out more here http://www.w3schools.com/tags/att_a_target.asp


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
jannon    0
jannon

Thanks for the help. I'm actually trying to link the image rather than text.

I tried this:

[pl_carousel name="PageLinesCarousel"][pl_carouselimage first="yes" title="" imageurl="http://www.whidbeylifemagazine.org/wp-content/uploads/2012/10/island_athletic_ad_150.jpg" ]

<a href="http://www.islandathleticclub.com/free14whidbeylife/" target="_blank"><img src="http://www.whidbeylifemagazine.org/wp-content/uploads/2012/10/island_athletic_ad_150.jpg"/></a>

[/pl_carouselimage]

I've not used shortcodes very much so I'm not sure about the syntax with html. Can you tell how I should write this?

thanks

Share this post


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

Hi,

The Quickslider and the Carousel Shortcode were not meant to be used in displaying rotating ads. Therefore, I recommend you search the Wordpress plugin repository and search for a rotating ads plugin and use this instead.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jannon    0
jannon

Hi Danny,

Actually, I'm using Quickslider right now for rotating ads and it works fine including being able to click on an ad and have it go to a different website. What I don't understand is why I can't use that same feature in the sidebar, it works in the wrap (where I have it now) but I really need to use it in the sidebar. There must be a way. I have everything working due to the previous help I received in this topic I just need the last piece of linking the image. I'm hoping someone can help me with this.

Share this post


Link to post
Share on other sites
jannon    0
jannon

Does anyone have a suggestion for this?

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, the reason you can't use the quickslider in the sidebar is because unfortunately its not been coded to go inside there as a section. The only slider that I know of which will go into the sidebar is the 'response gallery'. http://www.pagelines.com/store/sections/responsive-gallery/

The html link to open a page in a new target window is like below, I sure if you're be able to post html into the link field though in the quickslider.

<a href="http://www.google.com" target="_blank"> <img width="220" height="250" border="0" align="center" src="the full url to your image goes here"/> </a>


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

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

    • romanondrasek
      By romanondrasek
      Hi, 
      I would like to use quick slider section. I really good with the images and links, but, I missed here some hover effect. how can I add this effect to quick slider images? Thanx so much for help.
       
      Roman
    • AEP
      By AEP
      Help, I need to get straight alignment between the three column images on Mac's landing page at the bottom of the page.  The Youtube video embed into the media box "text and HTML" box results in 10 or so pixels below the adjacent column images.  I did a test replacing the Youtube video with a photo of the same resolution and it aligned with the other right photo.  The problem is with the Youtube video.
       
      Website URL: http://test.macelectricco.com/
      Framework Version: 2.0.4
      WordPress Version: 3.9.1
      Plugins in Use: JetPack, SFDC web to lead, Akismet, Google Doc Embedder, WP Google Fonts
      Server/Host: Godaddy.com
      Screenshots: see attached
      Details: The About page has a 3 column section below a slider.  The middle box is a Youtube video embed in the media box text section but it will not align with the left and right photos thus making it out of alignment.  I did a test with a photo the same resolution as the left and right boxes and it aligned perfect 600X350 which leads me to believe that a Youtube embed is causing the alignment problem.  I deleted fall back css custom code 
       
      Youtube embed: <iframe width="413" height="241" src="//www.youtube.com/embed/SBnrqYbzZOQ" frameborder="0" allowfullscreen></iframe>
       
       
      Martin's screencast:
       
      http://screencast.com/t/uKE2Wfwqh
       
       I did an inspect on the column but couldn't find the top margin in the div as suggested by Martin. Here is the inspect when I right clicked on the Youtube media box in the center:
       
      <span class="ctitle">MediaBox</span>
      element.style { }   test.macelectricco.com/ media="all" html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5,h6, p, blockquote, pre, a, abbr, acronym,address, big, cite, code, del, dfn, em,font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, b, u, i,center, dl, dt, dd, ol, ul, li, fieldset,form, label, legend, table, caption, tbody,tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }   
    • charrabennett
      By charrabennett
      I have a QuickSlider installed on my clients site http://www.atlantismortgage.com on the home page and every day over the last two weeks the QuickSlider will revert itself to the pagelines default slider. I have to open the page for the home page and then resave it to get it to work again.

      When I am in the DMS editor - BEFORE I re-save it - IT displays the proper QuickSlider that I created. Which is weird because when I am signed OUT of the site, it shows the default pagelines images/QuickSlider on the live site.
       
      **And even weirder I just went to look at the DMS Editor on a different page than the home page in Google Chrome and it DID show the wrong QuickSlider.
       
      Pretty crazy. I attached a screenshot of that.
       
      I am happy to create a login for you to investigate.
       
    • Dave Norton
      By Dave Norton
      My Website is thespygeeks.com Today I set up a quick slider on one of my pages with 6 slides. With each of the slides, I placed a link to a category within WooCommerce. For some reason only two ot the links were setup and work. I tried to add a link to the other four slides but every time I refreshed the link was erased. I also tried to change a link on another slide that was done previously and had the same result. Any suggestions? Is there a limit on the amount of quick sliders or even slides? I logged out and waited for a while and when I tried it after a period of time I had the same result.  
       
       
    • suburbanite
      By suburbanite
      I am trying to change the size and remove the shadow from the Quick Slider section of my site. I would like the slider to be taller and not so horizontal. I have tried to use the Inspect Element function in Chrome to find where the code for the shadow and the overall dimensions of the slider are so I can change them, but there's so much code and I'm new to web design, so I have no idea where to start. Thank you advance for your help! 
       
      The site is here:
      http://angelawdesign.com/
×