Options

New: Carousel Content Block

13»

Comments

  • Options
    W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited January 21, 2015
    BTW, DubDubDub, looks great! (And fascinating photos as well.)
    Thanks Sara! :D
  • Options
    philkdc1philkdc1 Banned Posts: 1 Beginner grinner
    edited January 24, 2015
    The carouse doesn't work at all for me. Fiddled with it for a couple hours to no avail. Received no reply from Smugmug help. Only reply I got on the Smugmug Facebook page was from someone having the same problem.
  • Options
    leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited January 25, 2015
    philkdc1 wrote: »
    The carouse doesn't work at all for me. Fiddled with it for a couple hours to no avail. Received no reply from Smugmug help. Only reply I got on the Smugmug Facebook page was from someone having the same problem.

    Hi Phil,
    I see that you have the carousel working beautifully on your homepage. You do a great job with those beauty and glamour shots! I see that 2 Support Heroes responded to your question. Do you still have any questions that they weren't able to resolve? The video in our introduction email shows the user clicking on the left/right arrows and also using the scrollbar to move left and right. The Carousel doesn't automatically scroll. The ability for it to automatically scroll is one of the most requested features for us to add. In fact, you can vote for this feature on our Features Request Page here: http://feedback.smugmug.com/forums/17723-smugmug/suggestions/6910353-add-an-option-to-automatically-play-carousel-conte
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • Options
    Kphoto1Kphoto1 Registered Users Posts: 16 Big grins
    edited October 7, 2015
    How do I find the widget id?
    leftquark wrote: »
    I've always sort of thought that motion, and especially automatic motion is part of a "slideshow" feature. People typically think of slideshows as the thing you click play and it goes (or auto-plays on page load). The carousel was meant to be more interactive. What you're asking for is actually a Slideshow transition style that "Slides" the photos left/right as they load. We kinda-sorta do this already with the "Slide Left" or "Slide Right" transitions but they don't slide very far and fade far too quickly. I'll certainly jot this down as a Slideshow Transition Feature Request though!



    There is! We can globally turn off all carousel horizontal scroll-bars using:
    /* Disable the horizontal scrollbar on the bottom */
    .sm-component-carousel-scroll {
      overflow-x: hidden !important;
    }
    
    It's a better bet, though to call out the specific content block (aka "widget") by going into the HTML and finding the widget-ID. In my Customizations sample page I could disable the 2nd one from having a scrollbar by using it's widget ID. The benefit to this is that you don't accidentally disable it for a Carousel you don't want. If you want to disable it for all carousel's then your best bet is the code above :)
    /* Disable the horizontal scrollbar on the bottom */
    [COLOR=Red].sm-page-widget-9183581[/COLOR] .sm-component-carousel-scroll {
      overflow-x: hidden !important;
    }
    
    You'll need to change the part in red to make it work on your site.


    I wanted to disable a horizontal scroll bar at the bottom of a carousel from a single block. I did "view source." I couldn't figure out how to find out that unique widget id number. Can someone please tell me how to find that?
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,453 Major grins
    edited October 7, 2015
    Kphoto1 wrote: »
    I wanted to disable a horizontal scroll bar at the bottom of a carousel from a single block. I did "view source." I couldn't figure out how to find out that unique widget id number. Can someone please tell me how to find that?

    Can you post your site?
  • Options
    Kphoto1Kphoto1 Registered Users Posts: 16 Big grins
    edited October 7, 2015
    Can you post your site?

    Hi Mike, Yes, I am happy to, wait, you can't view this page since I haven't unveiled the NewSmug yet, correct? http://info.kphotographic.com/Wedding-New

    I did "view source" and pasted part of the code below. Does this help?

    <html xmlns="http://www.w3.org/1999/xhtml&quot; xmlns:fb="http://ogp.me/ns/fb#&quot; class="sm-ua-gecko sm-browser-firefox sm-browser-firefox-41 sm-platform-mac sm-user-ui"> <head itemscope itemtype="http://schema.org/Thing&quot; > <meta charset="utf-8"> <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate"> <meta name="robots" content="all, index, follow, noodp, noydir"> <meta name="apple-itunes-app" content="app-id=364894061, app-argument=http://info.kphotographic.com/Wedding-New"&gt; <meta http-equiv="imagetoolbar" content="no"> <meta name="viewport" content="minimal-ui, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2"/> <meta property="fb:app_id" content="51756880368"/> <meta property="og:url" content="http://info.kphotographic.com/Wedding-New"/&gt; <meta property="og:title" content="Wedding New"/> <meta property="og:description" content="Wedding photography, Beach wedding, Outdoor wedding, Wedding reception"/> <meta property="og:type" content="article"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:url" content="http://info.kphotographic.com/Wedding-New"/&gt; <meta name="twitter:title" content="Wedding New"/> <meta name="twitter:description" content="Wedding photography, Beach wedding, Outdoor wedding, Wedding reception"/> <meta name="twitter:site" content="@SmugMug&quot;/> <meta itemprop="description" content="Wedding photography, Beach wedding, Outdoor wedding, Wedding reception"/> <meta itemprop="name" content="Wedding New"/> <meta itemprop="url" content="http://info.kphotographic.com/Wedding-New"/&gt; <meta name="description" content="Wedding photography, Beach wedding, Outdoor wedding, Wedding reception"/> <meta name="keywords" content="Wedding Photographer in Tacoma, Families and Children, Newborn, High School Senior Portraits, Event Photos, Fashion, Location Photography, Photographer in Seattle, WA, Photographer in Tacoma, WA, Japanese Photographer"/> <title>Wedding New - kphoto1</title> <link rel="dns-prefetch" href="http://cdn.smugmug.com"> <link rel="shortcut icon" href="http://info.kphotographic.com/Photo-Storage-for-Current-Webs/Favicon/i-XkZJRH9/0/16x16!/favicon-16x16!.png" type="image/png"> <link rel="openid.server" href="http://www.smugmug.com/services/openid/server/"> <script>var SM = {env: {"apiKey":"Pm0HeGdZls8VUfp20r3ZY1Ql76.ACff0","clipboardSmuggler":{"version":"2008110602"},"flashUploader":{"version":"2014100601"},"host":{"api":"api.smugmug.com","cartUrl":"https:\/\/secure.smugmug.com\/cart\/","cdn":"cdn.smugmug.com","http":"http:\/\/","imgUrl":"http:\/\/cdn.smugmug.com\/img\/","main":"www.smugmug.com","maps":"maps.smugmug.com","photos":"photos.smugmug.com","spacerGif":"http:\/\/cdn.smugmug.com\/img\/spacer.gif","ssl":"secure.smugmug.com","sslImgUrl":"https:\/\/secure.smugmug.com\/img\/","upload":"upload.smugmug.com","customDomain":true,"session":"info.kphotographic.com"},"js":{"appRoot":"js\/app\/build\/","base":"\/include\/","libRoot":"js\/lib\/build\/","root":"js\/lib\/build\/"},"liveChat":{"license":1082622},"macDaddy":{"version":"3.0.4.510"},"md5s":{"icart":"826383598cba225a379bb25b130850d6"},"ninjaLoader":{"version":"2015050401"},"slideshow":{"version":"2015060701"},"type":"live","videoPlayer":{"version":"2014100601"},"yui2":{"assets":"assets\/","base":"\/include\/","root":"yui\/2.8.1\/","skin":"skins\/sam\/","version":"2.8.1"},"yui3":{"assets":"assets\/","base":"\/include\/","commit":"0a111004","root":"yui\/3\/","skin":"skins\/sam\/","version":"3"},"limits":{"photoBytes":157286400,"videoBytes":3221225472,"archiveBytes":3221225472},"buyerCurrency":"USD","device":"Unknown","facebook":{"appId":"51756880368","connectAPIKey":"7528d1bb7f7a685bc080054d9bc154d2","permissions":"email,publish_actions","serviceId":1,"serviceType":2},"google":{"apiKey":"AIzaSyDlPfxC2naf0Ifc_tH4HTLQoKJZ60fi0fo","clientId":"797232669904-588vo3bk37fog3id58bkmi7vhnfibs3f.apps.googleusercontent.com","serviceId":11,"serviceType":2},"loggedInUser":{"bioPhotoUrl":"http:\/\/info.kphotographic.com\/Other\/My-Smug-Mug\/i-X5drPZV\/0\/50x50!\/SmugmugLogo-50x50!.jpg","bioPhotoThumbUrl":"http:\/\/info.kphotographic.com\/Other\/My-Smug-Mug\/i-X5drPZV\/0\/Th\/SmugmugLogo-Th.jpg","displayName":"kphoto1","email":"kazukonihongo@hotmail.com","features":{"Albums":true,"BasicCustomization":true,"Collect":true,"DownloadsOn":true,"SitePassword":true,"Themes":true,"Upload":true,"Video":true,"CSS":true,"Customization":true,"Domain":true,"GrantAccess":false,"HTML":true,"LimitedAccessSystemPages":true,"RightClick":true,"Sharpening":true,"SupportChat":true},"homepage":"http:\/\/info.kphotographic.com","isAdmin":false,"isOwner":true,"isAssistant":false,"isAssistantLogin":false,"isNext":true,"isParticipant":false,"nickName":"kphoto1","plan":"Power","rootNodeId":"JXD7X","uri":"\/api\/v2\/user\/kphoto1"},"logoutURL":"https:\/\/secure.smugmug.com\/logout?s=86510\u0026goTo=http%3A%2F%2Finfo.kphotographic.com%2FWedding-New","pageOwner":{"homepage":"http:\/\/info.kphotographic.com","isTrial":false,"isPro":false,"mainDomain":"smugmug.com","nickName":"kphoto1","profileName":"kphoto1","rootNodeId":"JXD7X","siteName":"kphoto1","customDomain":"info.kphotographic.com","features":{"Albums":true,"BasicCustomization":true,"Collect":true,"DownloadsOn":true,"SitePassword":true,"Themes":true,"Upload":true,"Video":true,"CSS":true,"Customization":true,"Domain":true,"GrantAccess":false,"HTML":true,"LimitedAccessSystemPages":true,"RightClick":true,"Sharpening":true,"SupportChat":true}},"platform":"Mac","readOnly":false,"rightClickMessage":"These photos are copyrighted by their respective owners. All rights reserved. Unauthorized use prohibited.","tracking":{"ga":{"domain":"nfo.kphotographic.com","smugmug":"UA-138402-3","user":null}},"dropbox":{"apiKey":"ab5dnav8wkgxh76"}}, modules: {}};
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,453 Major grins
    edited October 7, 2015
  • Options
    BeckmannPhotosBeckmannPhotos Registered Users Posts: 78 Big grins
    edited December 22, 2015
    Is there a way to get the filmstrip at the top of the page, instead of underneath the photo?
  • Options
    rainforest1155rainforest1155 Registered Users Posts: 4,566 Major grins
    edited December 23, 2015
    Hi Matt,
    Can you post a link to the page you're looking at? Looking at your homepage, I can only see a slideshow, and no carousel content block.
    Sebastian
    SmugMug Support Hero
Sign In or Register to comment.