• Resolved dallion82

    (@dallion82)


    Hey Zach,

    I’m trying to display a picture book on my site. I would like only the first image to be displayed in the gallery, but allow the user to scroll through all the images in the category via the Lightbox. Is there an easy way to do this without a lot of custom coding?

    Thanks for creating CataBlog and all your awesome support.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author macguru2000

    (@macguru2000)

    Two categories, show and hide. Put the Shortcode for show in a div and put the Shortcode for hide in a div that is hidden….example.

    <div>
      [catablog category="show"]
    </div>
    <div style="display:none;">
      [catablog category="hide"]
    </div>

    The LightBox will let you scroll into the hidden catalog items ??

    Thread Starter dallion82

    (@dallion82)

    Tricky, tricky! ??

    Ok, I got another one for you. I want to put multiple picture-books on a single page. Is there a way to STOP the Lightbox from scrolling to all the categories on a page?

    ie:

    [catablog category=”show1″] scrolls through [catablog category=”hide1″]

    but doesn’t scroll to [catablog category=”show2″] or [catablog category=”hide2″]

    Plugin Author macguru2000

    (@macguru2000)

    That my friend is not possible right now. There has been some discussion about letting admin’s control if the LightBox only scrolls within one Shortcode at a time or the entire page.

    If that feature existed right now I might suggest going about it a different way, which you may choose to use in anticipation of being able to control the LightBox scroll function. Here are the steps

    1. Create your storybooks, make one category for each story book and also make the hide category. Place the catalog item’s into their storybook categories. Now simply place all catalog items, except the first one (cover?) in the hide category as well as their respective story book category.

    2. Modify or make sure your template code has the %CATEGORY-SLUGS% token inside the .catablog-row div tag’s class attribute, example:

    <div class='catablog-row %CATEGORY-SLUGS%'>
      ....
    </div>

    3. Create a CSS class to not display the hide category’s slug in your theme’s style.css file or a catablog.css file in your theme’s root folder. Example

    .catablog-row.catablog-term-hide {
      display:none !important;
    }

    The slug could be different, look inside your page’s HTML using Firebug or a similar tool and see what classes each catablog row div have. It could be something like catablog-term-hide-2 or similar.

    This will not stop the LightBox from scrolling through all books, but once I have upgraded the code to allow you to set wether the LightBox scrolls through all catalog items or just through the current Shortcode’s catalog items, you will be one click away from what you want.

    Unfortunately, I cannot give you a time estimate as to when that code will be available.

    Thread Starter dallion82

    (@dallion82)

    Which is why everyone who enjoys Catablog should DONATE to support continued development! ??

    Thanks Zach!

    Thread Starter dallion82

    (@dallion82)

    Hey Zach,

    Updated the Catablog today, and since the new version only scrolls though one category, the hide trick isn’t working anymore:

    <div>
      [catablog category="show"]
    </div>
    <div style="display:none;">
      [catablog category="hide"]
    </div>

    How can I make it scroll though the whole storybook while only showing the cover page in the gallery? Thanks!

    Reference: https://dallion.com/stories/

    Plugin Author macguru2000

    (@macguru2000)

    Next release I plan to let people choose either one way or the other, so if you could just use the older version of CataBlog that worked until then that would be awesome. Thanks ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Limit Gallery View to First Image?’ is closed to new replies.