-
AuthorPosts
-
August 27, 2015 at 6:42 am #371188
Hi there,
I was wondering if you could help me. I am trying to make a one page navigation website, and I understand how to create the content band IDs and also the menus – everything is working fine with the structure and getting there slowly but surely.
However, I am having issues with the Revolution sliders that I have created. I have one at the very top which does not want to move across from image to image and is stuck on the first one. It also throws up some weird script at the top of the page, which when I delete this content band code from my one page navigation page does seem to go away. I also have a revolution slider in the middle of the website further down, which also does not want to move and is stuck on the first slide.
I know there were some considerations to make on the One Page Navigation Set Up page in your Knowledge Base, but I am not using a full page slider. The homepage slider is a full width slider, does this also cause issues? If so I am wondering what I can do to stop these glitches from happening.
Please see my one page navigation page at the following URL and any advice would be greatly appreciated.
http://www.alistautoexperience.com/preview/one-page-website/
Any help greatly appreciated. Jayd
August 27, 2015 at 8:52 am #371253Hi Jayd,
Please update your theme and plugin to latest versions
The latest version numbers as of this time are: (http://theme.co/x/member/changelog/)
X Theme: 4.0.7
Cornerstone: 1.0.5
Visual Composer : 4.6.2
Revolution slider: 5.0.4.1
X-shortcodes(Please deactivate and delete this plugin)
X-shortcode functionalities has been moved inside cornerstoneIf you find anything to be out of date, you can review our update guide.
August 27, 2015 at 9:34 am #371283Hi there,
Many thanks for this. I have updated the plugins and the theme via FTP.
However, the problem remains.Let me know if you can also see this on your screen.
http://www.alistautoexperience.com/preview/one-page-website/
August 27, 2015 at 9:36 am #371285Perhaps reading the random code left at the top of the screen will help you? I have copied and pasted it here.
tpopt.bw)tpopt.bh=tpopt.bw;if(tpopt.bh1){tpopt.bw=1;tpopt.bh=1}tpopt.height=Math.round(tpopt.startheight*(tpopt.width/tpopt.startwidth));if(tpopt.height>tpopt.startheight&&tpopt.autoHeight!=”on”)tpopt.height=tpopt.startheight;if(tpopt.fullScreen==”on”){tpopt.height=tpopt.bw*tpopt.startheight;var cow=tpopt.container.parent().width();var coh=jQuery(window).height();if(tpopt.fullScreenOffsetContainer!=undefined){try{var offcontainers=tpopt.fullScreenOffsetContainer.split(“,”);jQuery.each(offcontainers,function(e,t){coh=coh-jQuery(t).outerHeight(true);if(coh…”>
August 27, 2015 at 1:11 pm #371449Hi there,
Thanks for updating! Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:
– Link to your site
– WordPress Admin username / password
– FTP credentialsDon’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Meantime you can disable the Revolution Slider plugin and see if the code disappears or not. Let us know.
Thanks
August 28, 2015 at 3:24 am #372071This reply has been marked as private.August 28, 2015 at 3:45 am #372083Hello There,
Thanks for the updates. The code that is showing is coming from Open Graph meta. We have turn it off in your customizer, Appearance > Customize > Social > Open Graph > Enable Open Graph . Please install Yoast SEO plugin to easily manage your Open Graph meta.
May we ask how you build the page, did you use Visual Composer or you have code it manually?
Will be awaiting for your reply. Thanks.
August 28, 2015 at 4:37 am #372108Hi there,
Thanks so much for getting back to me. I have no experience of Open Graph meta so this is news to me. I have always in the past used Visual Composer as packaged in your bundled plugins. I have never seen this type of code appearing apart from now when I have tried to make a one page navigation. I followed your documentation on one site navigation to the letter in this document.
https://community.theme.co//kb/how-to-setup-one-page-navigation/I created a new page as instructed, copied the code from each content band from Inspect Element (similar to Firebug) and then pasted each content band code into the new page, called ‘One Page Website.’ I then went back into the code and named each content band with numbers in ascending order. Then created menus with the respective content band codes as the document stated. Everything is working fine under these instructions.
The document did not mention that Open Graph codes might appear as a consequence of making a one page navigation system this way, has this happened in your experience before? It also mentioned that Revolution Slider might act up if used – but only if full page. My rev sliders are not full page – the top one is full width and the one in the middle is a different shape in the middle of the screen.
I am worried the sliders are not working. Is there any way to fix these? Why would they not be working when all I have done is take the content band codes and add them directly into the site page?
August 28, 2015 at 4:40 am #372110If you look at the code on the ‘One Page Website’ page as mentioned before it might help.
Perhaps you can see an error in there? I have noticed there is a LOT more code when it comes to the sliders. I also didnt know you could build the new webpage using Visual Composer.
<div id="x-content-band-0" class="x-content-band vc pbn mbn mtn ptn man" style="background-color: #fafafa;"><div class="x-container wpb_row"> <div class="x-column x-sm vc x-1-1" style=""><div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin: 0px auto; padding: 0px; max-height: 770px; height: 770px; overflow: visible; background-color: rgb(233, 233, 233);"> <!-- START REVOLUTION SLIDER 4.6.93 fullwidth mode --> <div id="rev_slider_1_1" class="rev_slider fullwidthabanner revslider-initialised tp-simpleresponsive" style="max-height: 770px; height: 770px;"> <ul class="tp-revslider-mainul" style="display: block; overflow: hidden; width: 100%; height: 100%; max-height: 770px;"> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 18; visibility: hidden; opacity: 0;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center bottom" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center bottom" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2855.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2855.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2855.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-fade start" data-x="263" data-y="109" data-speed="300" data-start="0" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; left: 412.5px; top: 109px; visibility: visible; opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/slider-insert-NEW-ITALICS.png" alt="" data-ww="1000" data-hh="519" style="width: 1000px; height: 519px;"> </div> </li> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 18; visibility: hidden; opacity: 0;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center bottom" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center bottom" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_1729.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_1729.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_1729.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-fade start" data-x="263" data-y="109" data-speed="300" data-start="500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; left: 412.5px; top: 109px; visibility: visible; opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/slider-insert-NEW-ITALICS.png" alt="" data-ww="1000" data-hh="519" style="width: 1000px; height: 519px;"> </div> </li> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide current-sr-slide-visible" style="width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center top" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2875.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2875.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2875.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-fade start" data-x="263" data-y="109" data-speed="300" data-start="0" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; left: 412.5px; top: 109px; visibility: visible; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/slider-insert-NEW-ITALICS.png" alt="" data-ww="1000" data-hh="519" style="width: 1000px; height: 519px;"> </div> </li> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 18; visibility: hidden; opacity: 0;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center top" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2885.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2885.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2885.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-fade start" data-x="263" data-y="109" data-speed="300" data-start="0" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; left: 412.5px; top: 109px; visibility: visible; opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/slider-insert-NEW-ITALICS.png" alt="" data-ww="1000" data-hh="519" style="width: 1000px; height: 519px;"> </div> </li> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 18; visibility: hidden; opacity: 0;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center top" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2923.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2923.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2923.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-fade start" data-x="263" data-y="109" data-speed="300" data-start="0" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; left: 412.5px; top: 109px; visibility: visible; opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/slider-insert-NEW-ITALICS.png" alt="" data-ww="1000" data-hh="519" style="width: 1000px; height: 519px;"> </div> </li> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; z-index: 18;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center top" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2187_edited-1.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2187_edited-1.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2187_edited-1.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-fade start" data-x="263" data-y="109" data-speed="300" data-start="0" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; left: 412.5px; top: 109px; visibility: visible; opacity: 0; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><img src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/slider-insert-NEW-ITALICS.png" alt="" data-ww="1000" data-hh="519" style="width: 1000px; height: 519px;"> </div> </li> </ul> <div class="tp-bannertimer" style="width: 69.9600000000001%; visibility: visible; transform: translate3d(0px, 0px, 0px);"></div> <div class="tp-loader spinner3" style="display: none;"><div class="dot1"></div><div class="dot2"></div><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div></div> <style scoped=""></style> <script type="text/javascript"> /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize = function() { var tpopt = new Object(); tpopt.startwidth = 1600; tpopt.startheight = 770; tpopt.container = jQuery('#rev_slider_1_1'); tpopt.fullScreen = "off"; tpopt.forceFullWidth="off"; tpopt.container.closest(".rev_slider_wrapper").css({height:tpopt.container.height()});tpopt.width=parseInt(tpopt.container.width(),0);tpopt.height=parseInt(tpopt.container.height(),0);tpopt.bw=tpopt.width/tpopt.startwidth;tpopt.bh=tpopt.height/tpopt.startheight;if(tpopt.bh>tpopt.bw)tpopt.bh=tpopt.bw;if(tpopt.bh<tpopt.bw)tpopt.bw=tpopt.bh;if(tpopt.bw<tpopt.bh)tpopt.bh=tpopt.bw;if(tpopt.bh>1){tpopt.bw=1;tpopt.bh=1}if(tpopt.bw>1){tpopt.bw=1;tpopt.bh=1}tpopt.height=Math.round(tpopt.startheight*(tpopt.width/tpopt.startwidth));if(tpopt.height>tpopt.startheight&&tpopt.autoHeight!="on")tpopt.height=tpopt.startheight;if(tpopt.fullScreen=="on"){tpopt.height=tpopt.bw*tpopt.startheight;var cow=tpopt.container.parent().width();var coh=jQuery(window).height();if(tpopt.fullScreenOffsetContainer!=undefined){try{var offcontainers=tpopt.fullScreenOffsetContainer.split(",");jQuery.each(offcontainers,function(e,t){coh=coh-jQuery(t).outerHeight(true);if(coh<tpopt.minFullScreenHeight)coh=tpopt.minFullScreenHeight})}catch(e){}}tpopt.container.parent().height(coh);tpopt.container.height(coh);tpopt.container.closest(".rev_slider_wrapper").height(coh);tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(coh);tpopt.container.css({height:"100%"});tpopt.height=coh;}else{tpopt.container.height(tpopt.height);tpopt.container.closest(".rev_slider_wrapper").height(tpopt.height);tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(tpopt.height);} }; /* CALL PLACEHOLDER */ setREVStartSize(); var tpj=jQuery; tpj.noConflict(); var revapi1; tpj(document).ready(function() { if(tpj('#rev_slider_1_1').revolution == undefined){ revslider_showDoubleJqueryError('#rev_slider_1_1'); }else{ revapi1 = tpj('#rev_slider_1_1').show().revolution( { dottedOverlay:"none", delay:2500, startwidth:1600, startheight:770, hideThumbs:200, thumbWidth:100, thumbHeight:50, thumbAmount:5, simplifyAll:"off", navigationType:"bullet", navigationArrows:"solo", navigationStyle:"round", touchenabled:"on", onHoverStop:"off", nextSlideOnWindowFocus:"off", swipe_threshold: 75, swipe_min_touches: 1, drag_block_vertical: false, keyboardNavigation:"on", navigationHAlign:"center", navigationVAlign:"bottom", navigationHOffset:0, navigationVOffset:20, soloArrowLeftHalign:"left", soloArrowLeftValign:"center", soloArrowLeftHOffset:20, soloArrowLeftVOffset:0, soloArrowRightHalign:"right", soloArrowRightValign:"center", soloArrowRightHOffset:20, soloArrowRightVOffset:0, shadow:0, fullWidth:"on", fullScreen:"off", spinner:"spinner3", stopLoop:"off", stopAfterLoops:-1, stopAtSlide:-1, shuffle:"off", autoHeight:"off", forceFullWidth:"off", hideThumbsOnMobile:"off", hideNavDelayOnMobile:1500, hideBulletsOnMobile:"off", hideArrowsOnMobile:"off", hideThumbsUnderResolution:0, hideSliderAtLimit:0, hideCaptionAtLimit:0, hideAllCaptionAtLilmit:0, startWithSlide:0 }); } }); /*ready*/ </script> <style type="text/css"> #rev_slider_1_1_wrapper .tp-loader.spinner3 div { background-color: #FFFFFF !important; } </style> <div class="tp-bullets simplebullets round hidebullets" style="bottom: 20px; left: 50%; margin-left: -71px;"><div class="bullet first"></div><div class="bullet"></div><div class="bullet selected"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet last"></div><div class="tpclear"></div></div><div style="position: absolute; top: 385px; margin-top: -20px; left: 20px;" class="tp-leftarrow tparrows default round hidearrows"><div class="tp-arr-allwrapper"><div class="tp-arr-iwrapper"><div class="tp-arr-imgholder" style="visibility: inherit; opacity: 1; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_1729.jpg);"></div><div class="tp-arr-imgholder2"></div><div class="tp-arr-titleholder"></div><div class="tp-arr-subtitleholder"></div></div></div></div><div style="position: absolute; top: 385px; margin-top: -20px; right: 20px;" class="tp-rightarrow tparrows default round hidearrows"><div class="tp-arr-allwrapper"><div class="tp-arr-iwrapper"><div class="tp-arr-imgholder" style="visibility: inherit; opacity: 1; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2885.jpg);"></div><div class="tp-arr-imgholder2"></div><div class="tp-arr-titleholder"></div><div class="tp-arr-subtitleholder"></div></div></div></div></div><!-- END REVOLUTION SLIDER --><p></p> </div></div></div> <div id="x-content-band-1" class="x-content-band vc" style="background-color: #f9f9ef; padding-top: 6em; padding-bottom: 5em;"><div class="x-container max width wpb_row"> <div class="x-column x-sm vc x-1-4" style=""><img class="x-img" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/about-us-3.png"></div> <div class="x-column x-sm vc x-3-4" style=""><p>The A List Auto Experience was founded on the premise of excelling in two core areas. Namely, the standard of vehicles we provide and the level of customer service given. Both of which, we believe, should work in tandem to seamlessly deliver an A List Auto Experience to our valued clientele.</p> <p>We understand that not everyone is contented with the average car rental offerings in Barbados and appreciate that some of us do enjoy the finer things (or shall we say rides) in life. Many have often wondered “Is this all that’s available to rent in Barbados?”. Hence, we have sought to meet that demand by being the only company on the island whose sole purpose is to provide strictly premium and executive, luxury car rental.</p> <p>You wondered. We delivered. The A List Auto Experience is here.<br> Satisfaction Guaranteed</p> </div></div></div> <div id="x-content-band-2" class="x-content-band vc" style="background-color: transparent;"><div class="x-container max width wpb_row"> <div class="x-column x-sm vc x-1-3" style=""><p><img class="wp-image-116 aligncenter" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/tick-icon.png" alt="tick-icon" width="114" height="113"></p> <p style="text-align: center;"><strong>Satisfaction Guaranteed</strong><br> We will ensure your travel is luxurious and rewarding, every time!</p> </div> <div class="x-column x-sm vc x-1-3" style=""><p><img class="wp-image-116 aligncenter" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/clock-icon.png" alt="tick-icon" width="114" height="113"></p> <p style="text-align: center;"><strong>24/7 Customer Service</strong><br> Wherever you are, just pick up the phone or email and we’ll be there to assist.</p> </div> <div class="x-column x-sm vc x-1-3" style=""><p><img class="wp-image-116 aligncenter" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/wand-icon.png" alt="tick-icon" width="114" height="113"></p> <p style="text-align: center;"><strong>Attention to Detail</strong><br> Our cars are not only ‘just’ clean when delivered, but A List clean! No other cars on the road are as well presented as ours – fact.</p> </div></div></div> <div id="x-content-band-3" class="x-content-band vc center pbn mbn bg-image parallax" style="background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_1729.jpg); background-color: transparent; padding-top: 10em; padding-bottom: 55em;"><div class="x-container wpb_row"> <div class="x-column x-sm vc x-1-1" style=""><img class="x-img" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/luxury-travel-made-simple.png"><hr class="x-gap" style="margin: 4em 0 0 0;"></div></div></div> <div id="x-content-band-4" class="x-content-band vc" style="background-color: #000000; padding-top: 6em; padding-bottom: 6em;"><div class="x-container max width wpb_row"> <div class="x-column x-sm vc x-1-1" style=""><p><a href="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/THE-CONCEPT-RIBBON.png"><img class="size-full wp-image-145 aligncenter" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/THE-CONCEPT-RIBBON.png" alt="THE-CONCEPT-RIBBON" width="250" height="62"></a></p> <p style="text-align: center;"><span style="color: #f9d876;">Think of us as the premium economy version of travel </span><span style="color: #f9d876;">just the on-the-road equivalent. Perfectly positioned in price,<br> youll enjoy all the extra comfort </span><span style="color: #f9d876;">and amenities, including a first class meal!</span></p> <p style="text-align: center;"><span style="color: #f9d876;">Yes. You did read correctly. A complementary a la carte meal from a choice of the islands top restaurants is included when a reservation<br> of two weeks or more is made with us. This is just one of the many ways, in which we stand out from the rest.</span></p> <hr class="x-gap" style="margin: 2.5em 0 0 0;"><div id="rev_slider_2_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin: 0px auto; padding: 0px; max-height: 450px; height: 450px; overflow: visible; background-color: rgb(233, 233, 233);"> <!-- START REVOLUTION SLIDER 4.6.93 fullwidth mode --> <div id="rev_slider_2_1" class="rev_slider fullwidthabanner revslider-initialised tp-simpleresponsive hovered" style="max-height: 450px; height: 450px;"> <ul class="tp-revslider-mainul" style="display: block; overflow: hidden; width: 100%; height: 100%; max-height: 450px;"> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: hidden; opacity: 0;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center right" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center right" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2875.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2875.jpg" style="width: 100%; height: 100%; opacity: 0; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2875.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 100% 50%; background-repeat: no-repeat;"></div><div class="slot" style="position:absolute;top:0px;left:0px;overflow:hidden;width:1410.6px;height:450px"><div class="slotslide" style="position: absolute; top: 0px; left: 0px; width: 1410.6px; height: 450px; overflow: hidden; visibility: hidden; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0);"><div style="background-color:rgba(0, 0, 0, 0);position:absolute;top:0px;left:0px;width:1410px;height:450px;background-image:url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2875.jpg);background-repeat:no-repeat;background-size:cover;background-position:center right;"></div></div></div></div> <!-- LAYERS --> </li> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 18; visibility: hidden; opacity: 0;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center right" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center right" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2923.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2923.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2923.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 100% 50%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> </li> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 18; visibility: hidden; opacity: 0;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center bottom" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center bottom" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2187_edited-1.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2187_edited-1.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2187_edited-1.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> </li> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 18; visibility: hidden; opacity: 0;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center right" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center right" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2881.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2881.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2881.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 100% 50%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> </li> <!-- SLIDE --> <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" class="tp-revslider-slidesli active-revslide current-sr-slide-visible" style="width: 100%; height: 100%; overflow: hidden; visibility: inherit; opacity: 1; z-index: 18;"> <!-- MAIN IMAGE --> <div class="slotholder" style="width:100%;height:100%;" data-duration="undefined" data-zoomstart="undefined" data-zoomend="undefined" data-rotationstart="undefined" data-rotationend="undefined" data-ease="undefined" data-bgpositionend="undefined" data-bgposition="center bottom" data-kenburns="undefined" data-easeme="undefined" data-bgfit="cover" data-bgfitend="undefined" data-owidth="undefined" data-oheight="undefined"><div class="tp-bgimg defaultimg" data-lazyload="undefined" data-bgfit="cover" data-bgposition="center bottom" data-bgrepeat="no-repeat" data-lazydone="undefined" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2207.jpg" data-src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2207.jpg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2207.jpg); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: 50% 100%; background-repeat: no-repeat;"></div></div> <!-- LAYERS --> </li> </ul> <div class="tp-bannertimer" style="width: 0%; visibility: visible; transform: matrix(1, 0, 0, 1, 0, 0);"></div> <div class="tp-loader spinner3" style="display: none;"><div class="dot1"></div><div class="dot2"></div><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div></div> <style scoped=""></style> <script type="text/javascript"> /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize = function() { var tpopt = new Object(); tpopt.startwidth = 900; tpopt.startheight = 450; tpopt.container = jQuery('#rev_slider_2_1'); tpopt.fullScreen = "off"; tpopt.forceFullWidth="off"; tpopt.container.closest(".rev_slider_wrapper").css({height:tpopt.container.height()});tpopt.width=parseInt(tpopt.container.width(),0);tpopt.height=parseInt(tpopt.container.height(),0);tpopt.bw=tpopt.width/tpopt.startwidth;tpopt.bh=tpopt.height/tpopt.startheight;if(tpopt.bh>tpopt.bw)tpopt.bh=tpopt.bw;if(tpopt.bh<tpopt.bw)tpopt.bw=tpopt.bh;if(tpopt.bw<tpopt.bh)tpopt.bh=tpopt.bw;if(tpopt.bh>1){tpopt.bw=1;tpopt.bh=1}if(tpopt.bw>1){tpopt.bw=1;tpopt.bh=1}tpopt.height=Math.round(tpopt.startheight*(tpopt.width/tpopt.startwidth));if(tpopt.height>tpopt.startheight&&tpopt.autoHeight!="on")tpopt.height=tpopt.startheight;if(tpopt.fullScreen=="on"){tpopt.height=tpopt.bw*tpopt.startheight;var cow=tpopt.container.parent().width();var coh=jQuery(window).height();if(tpopt.fullScreenOffsetContainer!=undefined){try{var offcontainers=tpopt.fullScreenOffsetContainer.split(",");jQuery.each(offcontainers,function(e,t){coh=coh-jQuery(t).outerHeight(true);if(coh<tpopt.minFullScreenHeight)coh=tpopt.minFullScreenHeight})}catch(e){}}tpopt.container.parent().height(coh);tpopt.container.height(coh);tpopt.container.closest(".rev_slider_wrapper").height(coh);tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(coh);tpopt.container.css({height:"100%"});tpopt.height=coh;}else{tpopt.container.height(tpopt.height);tpopt.container.closest(".rev_slider_wrapper").height(tpopt.height);tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(tpopt.height);} }; /* CALL PLACEHOLDER */ setREVStartSize(); var tpj=jQuery; tpj.noConflict(); var revapi2; tpj(document).ready(function() { if(tpj('#rev_slider_2_1').revolution == undefined){ revslider_showDoubleJqueryError('#rev_slider_2_1'); }else{ revapi2 = tpj('#rev_slider_2_1').show().revolution( { dottedOverlay:"none", delay:1500, startwidth:900, startheight:450, hideThumbs:200, thumbWidth:100, thumbHeight:50, thumbAmount:5, simplifyAll:"off", navigationType:"bullet", navigationArrows:"solo", navigationStyle:"round", touchenabled:"on", onHoverStop:"off", nextSlideOnWindowFocus:"off", swipe_threshold: 75, swipe_min_touches: 1, drag_block_vertical: false, keyboardNavigation:"on", navigationHAlign:"center", navigationVAlign:"bottom", navigationHOffset:0, navigationVOffset:20, soloArrowLeftHalign:"left", soloArrowLeftValign:"center", soloArrowLeftHOffset:20, soloArrowLeftVOffset:0, soloArrowRightHalign:"right", soloArrowRightValign:"center", soloArrowRightHOffset:20, soloArrowRightVOffset:0, shadow:0, fullWidth:"on", fullScreen:"off", spinner:"spinner3", stopLoop:"off", stopAfterLoops:-1, stopAtSlide:-1, shuffle:"off", autoHeight:"off", forceFullWidth:"off", hideThumbsOnMobile:"off", hideNavDelayOnMobile:1500, hideBulletsOnMobile:"off", hideArrowsOnMobile:"off", hideThumbsUnderResolution:0, hideSliderAtLimit:0, hideCaptionAtLimit:0, hideAllCaptionAtLilmit:0, startWithSlide:0 }); } }); /*ready*/ </script> <style type="text/css"> #rev_slider_2_1_wrapper .tp-loader.spinner3 div { background-color: #FFFFFF !important; } </style> <div class="tp-bullets simplebullets round" style="bottom: 20px; left: 50%; margin-left: -59px;"><div class="bullet first selected"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet"></div><div class="bullet last"></div><div class="tpclear"></div></div><div style="position: absolute; top: 225px; margin-top: -20px; left: 20px;" class="tp-leftarrow tparrows default round"><div class="tp-arr-allwrapper"><div class="tp-arr-iwrapper"><div class="tp-arr-imgholder" style="visibility: inherit; opacity: 1; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2881.jpg);"></div><div class="tp-arr-imgholder2"></div><div class="tp-arr-titleholder"></div><div class="tp-arr-subtitleholder"></div></div></div></div><div style="position: absolute; top: 225px; margin-top: -20px; right: 20px;" class="tp-rightarrow tparrows default round"><div class="tp-arr-allwrapper"><div class="tp-arr-iwrapper"><div class="tp-arr-imgholder" style="visibility: inherit; opacity: 1; background-image: url(http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2875.jpg);"></div><div class="tp-arr-imgholder2"></div><div class="tp-arr-titleholder"></div><div class="tp-arr-subtitleholder"></div></div></div></div></div><!-- END REVOLUTION SLIDER --><p></p> </div></div></div> <div id="x-content-band-5" class="x-content-band vc" style="background-color: #000000;"><div class="x-container max width wpb_row"> <div class="x-column x-sm vc x-1-1" style=""><hr class="x-gap" style="margin: 5em 0 0 0;"><p style="text-align: center;"><span style="color: #f6d263; font-size: 17pt;">High standard of vehicles provided at very competitive rates</span></p> <hr class="x-gap" style="margin: 4em 0 0 0;"></div></div></div> <div id="x-content-band-5b" class="x-content-band vc" style="background-color: transparent;"><div class="x-container max width wpb_row"> <div class="x-column x-sm vc x-1-1" style=""><hr class="x-gap" style="margin: 4em 0 0 0;"><p><img class=" wp-image-159 aligncenter" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/YOUR-CARS.png" alt="YOUR-CARS" width="215" height="176"></p> <p style="text-align: center;">Yes, <em>your</em> not <em>our</em> cars. After all, the vehicles we supply are solely for you to enjoy.<br> We have sought out the ideal combination of luxury and reliability and have personally identified Lexus as being the brand that best exemplifies these qualities.<br> Hence, our offerings currently consist of premium mid-size saloons/sedans from this manufacturer.<br> All of which are meticulously maintained and include modern luxuries such as full leather interiors, climate control and Bluetooth connectivity as standard.</p> <hr class="x-gap" style="margin: 2em 0 0 0;"><img class="x-img" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/LONNNNG-CAR-PHOTOs.jpg"><hr class="x-gap" style="margin: 2em 0 0 0;"></div></div></div> <div id="x-content-band-6" class="x-content-band vc" style="background-color: transparent;"><div class="x-container max width wpb_row"> <div class="x-column x-sm vc x-1-1" style=""><hr class="x-gap" style="margin: 2em 0 0 0;"><p><img class="size-medium wp-image-238 aligncenter" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/WHY-CHOOSE-US-300x74.png" alt="WHY-CHOOSE-US" width="300" height="74"></p> <p style="text-align: center;">Unlike your typical, local car rental company, our aim is to provide you with much more than just a car. As our name suggests, the desired result is for our customers to have a truly rewarding experience in every aspect when choosing to rent a car from us. Hopefully the following points will make your choice that much easier.</p> <p style="text-align: center;">*Applies to rental periods of two weeks or more.</p> </div></div></div> <div id="x-content-band-7" class="x-content-band vc pbn mbn" style="background-color: #000000;"><div class="x-container wpb_row"> <div class="x-column x-sm vc x-1-1" style=""><hr class="x-gap" style="margin: 6em 0 0 0;"><p><img class=" wp-image-212 aligncenter" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/rates-new.png" alt="rates-new" width="209" height="178"></p> <p style="text-align: center;"><span style="color: #f6e68f; font-size: 10pt;">Not only do we provide the best vehicles available to rent in Barbados,<br> we also have the most competitive rates islandwide. Rates are in US dollars and they are as follows:</span></p> </div></div></div> <div id="x-content-band-8" class="x-content-band vc" style="background-color: #000000; padding-top: 3em; padding-bottom: 5em;"><div class="x-container max width wpb_row"> <div class="x-column x-sm vc x-1-2" style=""><p><span style="color: #f6e68f; font-size: 15pt;">Lexus IS 250 Saloon/Sedan<br> Seats 5</span></p> <p><span style="color: #f6e68f; font-size: 10pt;">Flat Daily Rate – $135 USD<br> Discounted Daily Rate – $90 USD after 14 days<br> Deposit – $350 USD (fully refundable after rental period)<br> GPS Satellite Navigation FREE</span></p> <p><span style="color: #f6e68f; font-size: 10pt;">For rental periods exceeding 3 weeks (21 days), please ask about how you<br> can benefit from having our new ERA (Extensive Rental Agreement) discount applied.</span><span style="color: #f6e68f; font-size: 13pt;">.</span></p> </div> <div class="x-column x-sm vc x-1-2" style=""><p><span style="color: #f6e68f; font-size: 15pt;">Lexus IS 250 F Sport (Latest Model) Saloon/Sedan<br> Seats 5</span></p> <p><span style="color: #f6e68f; font-size: 10pt;">Flat Daily Rate – $175 USD<br> Discounted Daily Rate – $135 USD after 14 days<br> Deposit – $500 USD (fully refundable after rental period)<br> GPS Satellite Navigation FREE</span></p> <p><span style="color: #f6e68f; font-size: 13pt;">Summer Special</span><br> <span style="color: #f6e68f; font-size: 10pt;">Book for 6 days and get one day FREE! The end of your week is on us!<br> * We accept all major credit/debit cards.</span></p> <hr class="x-gap" style="margin: 2em 0 0 0;"></div></div></div> <div id="x-content-band-9" class="x-content-band vc mtn mbn" style="background-color: #efefef;"><div class="x-container wpb_row"> <div class="x-column x-sm vc x-1-3" style=""><img class="x-img" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/new-car-by-beach.jpg"></div> <div class="x-column x-sm vc x-1-3" style=""><img class="x-img" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2175.jpg"></div> <div class="x-column x-sm vc x-1-3" style=""><img class="x-img" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2841.jpg"></div></div></div> <div id="x-content-band-10" class="x-content-band vc" style="background-color: transparent;"><div class="x-container wpb_row"> <div class="x-column x-sm vc x-1-1" style=""></div></div></div> <div id="x-content-band-11" class="x-content-band vc" style="background-color: transparent;"><div class="x-container max width wpb_row"> <div class="x-column x-sm vc x-1-2" style=""><p><img class=" wp-image-186 alignleft" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/RESERVATIONS.png" alt="RESERVATIONS" width="286" height="235">We appreciate the value of good communication and understand its significance in delivering a flawless service; therefore, we encourage all customers to either email or phone us directly with their queries rather than using generic online booking procedures. This way, there is less room for error and you benefit from direct contact with an ever helpful member of our team. If, however, you do prefer to make your reservation online, please enter all details in the fields provided below.</p> <hr class="x-gap" style="margin: 0;"><div role="form" class="wpcf7" id="wpcf7-f190-p84-o1" lang="en-US" dir="ltr"> <div class="screen-reader-response"></div> <form action="/preview/reservations/#wpcf7-f190-p84-o1" method="post" class="wpcf7-form" novalidate="novalidate"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="190"> <input type="hidden" name="_wpcf7_version" value="4.2.2"> <input type="hidden" name="_wpcf7_locale" value="en_US"> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f190-p84-o1"> <input type="hidden" name="_wpnonce" value="b87ed52665"> </div> <p>First Name (required)<br> <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span> </p> <p>Second Name (required)<br> <span class="wpcf7-form-control-wrap text-556"><input type="text" name="text-556" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false"></span> </p> <p>Country of Residence (required)<br> <span class="wpcf7-form-control-wrap text-985"><input type="text" name="text-985" value="" size="40" class="wpcf7-form-control wpcf7-text" aria-invalid="false"></span></p> <p>Desired From <br> <span class="wpcf7-form-control-wrap date-994"><input type="date" name="date-994" value="" class="wpcf7-form-control wpcf7-date wpcf7-validates-as-date" aria-invalid="false"></span></p> <p>Your Email<br> <span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"></span> </p> <p>Confirm Posession of a Valid Drivers Licence <span class="wpcf7-form-control-wrap acceptance-782"><input type="checkbox" name="acceptance-782" value="1" class="wpcf7-form-control wpcf7-acceptance" aria-invalid="false"></span> </p> <p>Your Message<br> <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false"></textarea></span> </p> <p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" disabled="disabled"><img class="ajax-loader" src="http://www.alistautoexperience.com/preview/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Sending ..." style="visibility: hidden;"></p> <div class="wpcf7-response-output wpcf7-display-none"></div></form></div> </div> <div class="x-column x-sm vc x-1-2" style=""><img class="x-img" src="http://www.alistautoexperience.com/preview/wp-content/uploads/2015/08/IMG_2175.jpg"><p><strong>Next Steps</strong></p> <p>Once complete, an automated email is sent to us. We will then contact you (via email) to:</p> <p>* Confirm (or otherwise) vehicle availability</p> <p>* Give detailed information on the exact vehicle available (model, colour, interior features, etc.)</p> <p>* Provide quotation</p> <p>UK +447506288523<br> BDS (Barbados) +1 246 264 6373<br> info@alistautoexperience.com (General)<br> alex@alistautoexperience.com (UK)<br> glen@alistautoexperience.com (Barbados)</p> </div></div></div>
August 28, 2015 at 5:54 am #372151Hi Jayd,
This is where the problem is
I created a new page as instructed, copied the code from each content band from Inspect Element (similar to Firebug) and then pasted each content band code into the new page, called ‘One Page Website.’ I then went back into the code and named each content band with numbers in ascending order. Then created menus with the respective content band codes as the document stated. Everything is working fine under these instructions.
You can’t do this as the code on the inspect element does not conforms on VC code structure and it has lots of unnecessary code.
You need to create your page using VC or cornerstone for this to work.
Please refer to the link below for your guide on how to add a slider to your page.
https://community.theme.co//kb/sliders/
Thanks
August 28, 2015 at 6:17 am #372161Hi there,
Thanks for this information. I do not think it is very clear in your documentation that sliders need to be added in a normal way. I can create the page in Visual Composer and see if it makes any difference. I’ll try it and let you know how I get on
August 28, 2015 at 7:03 am #372190Hi there,
I have built the page in visual composer, and now have no idea how to add the unique IDs to each content band. How is this done?
August 28, 2015 at 7:12 am #372196My visual composer code is as follows:
[vc_row no_margin="true" padding_top="10px" padding_bottom="10px" bg_color="#fafafa" class="pbn mbn mtn ptn"][vc_column width="1/1"][text_output] [rev_slider homeieieieie] [/text_output][/vc_column][/vc_row][vc_row inner_container="true" padding_top="6em" padding_bottom="5em" bg_color="#f9f9ef"][vc_column width="1/4"][image src="180"][/vc_column][vc_column width="3/4"][text_output]The A List Auto Experience was founded on the premise of excelling in two core areas. Namely, the standard of vehicles we provide and the level of customer service given. Both of which, we believe, should work in tandem to seamlessly deliver an A List Auto Experience to our valued clientele. We understand that not everyone is contented with the average car rental offerings in Barbados and appreciate that some of us do enjoy the finer things (or shall we say rides) in life. Many have often wondered "Is this all that's available to rent in Barbados?". Hence, we have sought to meet that demand by being the only company on the island whose sole purpose is to provide strictly premium and executive, luxury car rental. You wondered. We delivered. The A List Auto Experience is here. Satisfaction Guaranteed[/text_output][/vc_column][/vc_row][vc_row inner_container="true"][vc_column width="1/3"][text_output] tick-icon [/text_output][text_output] Satisfaction Guaranteed We will ensure your travel is luxurious and rewarding, every time! [/text_output][/vc_column][vc_column width="1/3"][text_output] tick-icon [/text_output][text_output] 24/7 Customer Service Wherever you are, just pick up the phone or email and we'll be there to assist. [/text_output][/vc_column][vc_column width="1/3"][text_output] tick-icon [/text_output][text_output] Attention to Detail Our cars are not only 'just' clean when delivered, but A List clean! No other cars on the road are as well presented as ours - fact. [/text_output][/vc_column][/vc_row][vc_row padding_top="10em" padding_bottom="55em" parallax="true" bg_image="52" class="center pbn mbn"][vc_column width="1/1"][image src="128"][gap size="4em"][/vc_column][/vc_row][vc_row inner_container="true" padding_top="10em" padding_bottom="10em" bg_color="#000000"][vc_column width="1/1"][text_output] THE-CONCEPT-RIBBON [/text_output][text_output] Think of us as the premium economy version of travel just the on-the-road equivalent. Perfectly positioned in price, youll enjoy all the extra comfort and amenities, including a first class meal! Yes. You did read correctly. A complementary a la carte meal from a choice of the islands top restaurants is included when a reservation of two weeks or more is made with us. This is just one of the many ways, in which we stand out from the rest. [/text_output][gap size="2.5em"][text_output] [rev_slider slider2] [/text_output][/vc_column][/vc_row][vc_row inner_container="true"][vc_column width="1/1"][gap size="1em"][text_output]YOUR-CARS Yes, your not our cars. After all, the vehicles we supply are solely for you to enjoy. We have sought out the ideal combination of luxury and reliability and have personally identified Lexus as being the brand that best exemplifies these qualities. Hence, our offerings currently consist of premium mid-size saloons/sedans from this manufacturer. All of which are meticulously maintained and include modern luxuries such as full leather interiors, climate control and Bluetooth connectivity as standard. [/text_output][gap size="2em"][image src="168"][gap size="2em"][/vc_column][/vc_row][vc_row inner_container="true" bg_color="#000000"][vc_column width="1/1"][gap size="5em"][text_output] High standard of vehicles provided at very competitive rates [/text_output][gap size="4em"][/vc_column][/vc_row][vc_row inner_container="true"][vc_column width="1/1"][gap size="5em"][text_output]WHY-CHOOSE-US Unlike your typical, local car rental company, our aim is to provide you with much more than just a car. As our name suggests, the desired result is for our customers to have a truly rewarding experience in every aspect when choosing to rent a car from us. Hopefully the following points will make your choice that much easier. *Applies to rental periods of two weeks or more. [/text_output][/vc_column][/vc_row][vc_row bg_color="#000000" class="pbn mbn"][vc_column width="1/1"][gap size="2em"][text_output]rates-new Not only do we provide the best vehicles available to rent in Barbados, we also have the most competitive rates islandwide. Rates are in US dollars and they are as follows: [/text_output][/vc_column][/vc_row][vc_row inner_container="true" padding_top="5em" padding_bottom="5em" bg_color="#000000"][vc_column width="1/2"][text_output]Lexus IS 250 Saloon/Sedan Seats 5 Flat Daily Rate - $135 USD Discounted Daily Rate - $90 USD after 14 days Deposit - $350 USD (fully refundable after rental period) GPS Satellite Navigation FREE For rental periods exceeding 3 weeks (21 days), please ask about how you can benefit from having our new ERA (Extensive Rental Agreement) discount applied..[/text_output][/vc_column][vc_column width="1/2"][text_output]Lexus IS 250 F Sport (Latest Model) Saloon/Sedan Seats 5 Flat Daily Rate - $175 USD Discounted Daily Rate - $135 USD after 14 days Deposit - $500 USD (fully refundable after rental period) GPS Satellite Navigation FREE Summer Special Book for 6 days and get one day FREE! The end of your week is on us! * We accept all major credit/debit cards.[/text_output][gap size="2em"][/vc_column][/vc_row][vc_row inner_container="true" bg_color="#efefef" class="mtn mbn"][vc_column width="1/3"][image src="215"][/vc_column][vc_column width="1/3"][image src="53"][/vc_column][vc_column width="1/3"][image src="61"][/vc_column][/vc_row][vc_row][vc_column width="1/1"][/vc_column][/vc_row][vc_row inner_container="true"][vc_column width="1/2"][text_output] RESERVATIONSWe appreciate the value of good communication and understand its significance in delivering a flawless service; therefore, we encourage all customers to either email or phone us directly with their queries rather than using generic online booking procedures. This way, there is less room for error and you benefit from direct contact with an ever helpful member of our team. If, however, you do prefer to make your reservation online, please enter all details in the fields provided below. [/text_output][gap][text_output] [contact-form-7 id="190" title="Reservations form"] [/text_output][/vc_column][vc_column width="1/2"][image src="53"][text_output]Next Steps Once complete, an automated email is sent to us. We will then contact you (via email) to: * Confirm (or otherwise) vehicle availability * Give detailed information on the exact vehicle available (model, colour, interior features, etc.) * Provide quotation UK +447506288523 BDS (Barbados) +1 246 264 6373 info@alistautoexperience.com (General) alex@alistautoexperience.com (UK) glen@alistautoexperience.com (Barbados)[/text_output][/vc_column][/vc_row]
August 28, 2015 at 9:23 am #372257Hi Jayd,
The content band ids are automatically generated in your page in ascending order. No need to add them.
So if you have two content bands in your page it will have an id of x-content-band-1 and x-content-band-2Please review the ling bbelow again.
https://community.theme.co//kb/how-to-setup-one-page-navigation/
Thanks
August 28, 2015 at 10:52 am #372310Hi there,
Thanks for your reply but this still does not make sense.
The documentation states that I need to provide the content band ID to the menu, in order to make it jump to each relevant content band. I now cannot see the content band numbers to know which ones to assign them to after making them in VC.I have gone into the menus and instead guessed the content band numbers as there didnt seem to be a way I could physically look at them in the code. Is this the way to do it? The documentation doesnt tell you where to look in most cases to find the data you need.
-
AuthorPosts