WordPress.org

Ready to get started?Download WordPress

Forums

CataBlog
[resolved] Restaurant Style Menu (9 posts)

  1. Steveb0
    Member
    Posted 2 years ago #

    CataBlog seems like the closest plugin for creating a restaurant-style menu. What I would ultimately like to do is link from an image (non-category image) that opens a lightbox that users can scroll through the images (menu).

    So does anyone have an idea on how to link a non-gallery image to a CataBlog gallery that will open up the images in lightbox form?

  2. macguru2000
    Member
    Plugin Author

    Posted 2 years ago #

    Check out this thread, it might help you get an idea of where to start with setting up what you need.

    http://wordpress.org/support/topic/limit-gallery-view-to-first-image

  3. Steveb0
    Member
    Posted 2 years ago #

    Thanks macguru2000. I actually saw that thread, but it did not quite fit with what I wanted to do. Basically I want a menu button (image not in the gallery) that when you click on it, it opens up the "lightbox" effect so that users can scroll through the different pages of the menu within the category of menu.

    So it would not lead you to another page that displays all of the images of the menu and then show you the lightbox after you've clicked on one of the images.

    Hopefully I am explaining it good enough. Thanks for any help you can provide.

  4. macguru2000
    Member
    Plugin Author

    Posted 2 years ago #

    How familiar are you with JavaScript? You could trigger a click on the first catalog item when another HTML element is clicked. Then, all you would need to do is hide the catalog with CSS. The thread I pointed you to has instructions on how to show just the first item of a CataBlog category / Shortcode, but show all items in the LightBox. Hope that made sense.

  5. Steveb0
    Member
    Posted 2 years ago #

    Honestly I am no pro. I can typically get it "to work" for my needs, but definitely not able to write JavaScript myself. I'll take a took at that thread again and see if I cannot make wind of it.

  6. leosampieri
    Member
    Posted 2 years ago #

    Steveb, have you managed to resolve this?.
    I'm tearing my own hair out looking for a solution.
    This might help, but doesn't have a lightbox: http://www.zinkwazi.com/scripts/
    Visually it's a little bit old.

    Waiting for your answer.
    Regards,
    L.

  7. macguru2000
    Member
    Plugin Author

    Posted 2 years ago #

    Try adding this CSS into your theme's style.css file:

    .catablog-row {
      display:none !important;
    }
    
    .catablog-row:first-child {
      display:block !important;
    }

    This should hide all the catablog-rows and then show only the first catablog-row in a grouping of catablog-rows. This means you must wrap your catalog ShortCodes in some kind of HTML tag, such as a <div /> tag for this to work. Then only the first catalog item in the ShortCode will be displayed but the LightBox will work with all the hidden catablog-rows after the first one.

    Good luck ;)

  8. macguru2000
    Member
    Plugin Author

    Posted 2 years ago #

    I want to note that the instructions posted by me directly above this one have now become simpler with CataBlog 1.3. No longer do you need to wrap your catalogs in a div tag, because they are automatically wrapped in a div tag. Enjoy ;)

  9. leosampieri
    Member
    Posted 2 years ago #

    Thanks everybody!.
    I'm going to try Catablog.
    Cheers!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags