We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 3722
    • 171 Posts
    ok, I am still having problems getting this to work.
    I have everything else working on my site except this.

    I am trying to setup four galleries on one Portfolio page.
    The problem is that they are all containing the same pictures.
    When I click on "Manage Pictures" my banner pics show up as well and block the top of the page.

    My portfolio page looks like this:
    Here are some samples of our work.
    Logos
    [!MaxiGallery? &display=`childgalleries`!]

    Graphics
    [!MaxiGallery? &display=`childgalleries`!]

    T-Shirts
    [!MaxiGallery? &display=`childgalleries`!]

    Events
    [!MaxiGallery? &display=`childgalleries`!]


    The call on each page is this:
    [!MaxiGallery? &display=`embedded` &embedtype=`slimbox` &pics_per_row=`3` &max_thumb_size=`110` &max_pic_size=`0` &thumb_use_dropshadow=`1`!]

    How can I fix this?
    The ids for the pages are:
    Portfolio (3)
    Gallery 1 (9)
    Gallery 2 (10)
    Gallery 3 (11)
    Gallery 4 (12)

    Thanks
    BG66
      • 18373 ☆ A M B ☆
      • 3,141 Posts
      Is this your Portfolio page? (3)
      Here are some samples of our work.
      Logos
      [!MaxiGallery? &display=`childgalleries`!]
      
      Graphics
      [!MaxiGallery? &display=`childgalleries`!]
      
      T-Shirts
      [!MaxiGallery? &display=`childgalleries`!]
      
      Events
      [!MaxiGallery? &display=`childgalleries`!]


      If so, that’s the problem.

      When using MG like that, it takes the galleries that are inside the current document (eg, id 9-12) and displays a random image from there.

      What you should do, is make one MG call (which could be just [!MaxiGallery? &display=`childgalleries`!] but probably expanded for styling) which shows the 4 different galleries/categories Logos, Graphics etc.

      Then when you click on either of those categories you go to that gallery with your call [!MaxiGallery? &display=`embedded` &embedtype=`slimbox` &pics_per_row=`3` &max_thumb_size=`110` &max_pic_size=`0` &thumb_use_dropshadow=`1`!]

      Hope this helps.
        Mark Hamstra • Developer spending his days working on Premium Extras and a MODX Site Dashboard with the ability to remotely upgrade MODX and extras to make the MODX world a little better.

        Tweet me @mark_hamstra, check my infrequent blog at markhamstra.com, my slightly more frequent ramblings at MODX.today or see code at Github.
        • 3722
        • 171 Posts
        Sorry, I still don’t get it.
        I have been trying a bunch of different thinkgs and nothing is working.

        Isn’t there a good example or tutorial somewhere?
        I have been searching for days and not finding anything. huh
          • 7923
          • 4,213 Posts
          So do you want that the portfolio page has all thumbnails for every gallery, or just some random thumbnail from each and then link to the specific gallery document?

          In your portfolio page, under each section use a maxigallery call that queries 3 random thumbnails from a specific gallery for example:

          Logos
          [!MaxiGallery? &gal_query_ids=`9` &order_by=`random` &limit=`3` &manage_target=`9` &embedtype=`slimbox` &pics_per_row=`3`!]
          
          Graphics
          [!MaxiGallery? &gal_query_ids=`10` &order_by=`random` &limit=`3` &manage_target=`10` &embedtype=`slimbox` &pics_per_row=`3`!]
          
          T-Shirts
          [!MaxiGallery? &gal_query_ids=`11` &order_by=`random` &limit=`3` &manage_target=`11` &embedtype=`slimbox` &pics_per_row=`3`!]
          
          Events
          [!MaxiGallery? &gal_query_ids=`12` &order_by=`random` &limit=`3` &manage_target=`12` &embedtype=`slimbox` &pics_per_row=`3`!]


          And create links below those thumbnails for users to access the gallery documents (with <a href="[~9~]".... etc).

          Then in each of your gallery page, use:

          [!MaxiGallery? &display=`embedded` &embedtype=`slimbox` &pics_per_row=`3` &max_thumb_size=`110` &max_pic_size=`0` &thumb_use_dropshadow=`1` &is_target=`1`!]

          But I’m not exactly sure what you’re after.. so.. does this sound right?


            "He can have a lollipop any time he wants to. That's what it means to be a programmer."
            • 3722
            • 171 Posts
            Thanks Doze,

            Your example of the three random thumbnails is what I am looking to do.
            I made your changes, but I now lost the "Manage pictures" button.
            There also seems to be some old references coming up in the source code.
            Not sure where the div class thumbscontainer is coming from.

            Here is the output of the pages source code:

            <div id="wrapper">
            <div id="content">
            <p>Here are some samples of our work.</p>
            <p>&nbsp;</p>
            <h2>
            Logos
            </h2>

            <p>

            <div class="thumbscontainer">
            <ul class="thumbs">

            <li>

            <a href="/vectortechgraphics.com/assets/galleries/9/vectortech_booth_and_chad.jpg" rel="lightbox[maxigallery]" title=" - ">

            <img src="/vectortechgraphics.com/assets/galleries/9/tn_vectortech_booth_and_chad.jpg" class="thumbnail" title=" &raquo; Click to zoom ->" alt=" &raquo; Click to zoom ->" />

            </a>

            </li>


            <li>

            <a href="/vectortechgraphics.com/assets/galleries/9/vectortech_booth1.jpg" rel="lightbox[maxigallery]" title=" - ">

            <img src="/vectortechgraphics.com/assets/galleries/9/tn_vectortech_booth1.jpg" class="thumbnail" title=" &raquo; Click to zoom ->" alt=" &raquo; Click to zoom ->" />

            </a>

            </li>

            </ul>
            </div>

            </p>
            <h2>Graphics

            </h2>
            <p>

            </p>
            <h2>T-shirts
            </h2>
            <p>

            </p>
            <h2>Events
            </h2>
            <p>

            </p>
            </div>
              • 7923
              • 4,213 Posts
              The thumbs container comes from maxigallery. Is the page online? If so, give a link to it and post the exact content from the document.


                "He can have a lollipop any time he wants to. That's what it means to be a programmer."
                • 3722
                • 171 Posts
                It has not been uploaded yet.
                Is that part of the problem?
                  • 7923
                  • 4,213 Posts
                  No, that’s not the problem, but I could have looked what the problem is.


                    "He can have a lollipop any time he wants to. That's what it means to be a programmer."
                    • 3722
                    • 171 Posts
                    ok, I have tried two different ways to display my banner images at the top of the page.
                    I tried the jQuery programs Easy Sliderhttp://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider and the jQuery cycle plugin http://malsup.com/jquery/cycle/
                    Both give me the same problem.
                    I also tried eliminating the confilt with this. jQuery.noConflict(); http://docs.jquery.com/Using_jQuery_with_Other_Libraries

                    It looks like I may have to turn off the banner swap, get Maxigallery working and then upload my site.
                    Thanks
                    BG66
                      • 3722
                      • 171 Posts
                      I now have my website online:
                      VectorTechGraphics.com
                      http://www.vectortechgraphics.com/index.php?id=3

                      The index pages changed to 4, 5, 6 and 7
                      I followed the steps from doze above.
                      I do not get the Manage Pictures button to appear.

                      What do to now?
                      Thanks for your help on this doze and others...
                      BG66