Liquid Gallery

Hi guys having some problems of setting up a gallery of bootstrap with liquid!

I'm available to all sussed but I am bad with the light table.

This is the info I got when I run < pre > {{This | json}} < / pre >

Screen Shot 2015-11-29 at 8.03.02 PM.png

and it's my Gallery module

{module_photogallery id = rowCount "35948" = "" resultsPerPage = "20" width = "2000" height = "1000" useStandardMethod = "true" thumbnail = "fill_proportional" = 'imageGallery' collection ' model = ' ""}

< div class = "row" >

{% for article on imageGallery.items-%}

< div class = "col-md-3 m - b" >

"< a title =" {{item.description}} "href =" {{item.link}} "rel ="{{item.photogalleryId}}">

"< img alt =" {{item.description}} "src =" {{item.thumbnailLink}} ' class = "img-reagent" >

< /a >

< / div >

{% endfor}

< / div >

{module_photogallery id = "35949"}

< pre > {{This | json}} < / pre >

any help would be greatly appreciated

Thank you

Luke

Thanks Liam pointing the finger, forgot our Viewer a nav and legends.

Luke,

There you go:

1. don't forget to add the css and js for the lightbox

2. the width and the height is for the thumbnail, so no need to 2000px W

{module_photogallery make = 'collection' id = "35948" resultsPerPage = "20" width = "540" height = "270" useStandardMethod = "true" thumbnail = 'fill' collection = "imageGallery" "model =" "}

{% for article on imageGallery.items-%}

{% endfor}

Try it and let me know.

Stoiky

Tags: Business Catalyst

Similar Questions

  • Liquid Photogallery | I need to get a great image path?

    Here is my code, valid vignette. but the need to get a path of the big picture for jquery lightbox. Please someone help me solve this problem? Thanks in advance.

    {module_photogallery id = "18996" collection = model "photogallerys" =""}

    {% for section in photogallerys.items %}

    «< a href = "{{item.largelink}}" > < img src = "{{item.thumbnaillink}}?» Action = thumbnail & width = 250 & height = 200 & algorithm proportional =' > < / a >

    {% endfor %}

    Liquid Gallery

  • Gallery liquid in muse

    Dear community,

    Unfortunately I do not know the term appropriate for my application. I hope you get what I'm asking.

    many sites you will find images / galleries placed in a row. they have no space between each peak and they will as a gallery on a width of 100%.
    If you hold the pic as well scale page.

    I'm a pro in muse, so I don't know entirely sensitive capabilities of muse. That's ok. the workoround with text boxes is pretty good for some things, but not for that matter.

    Maybe someone of you know the correct term for what I was looking for and has an idea how to solve the problem / my problem. It would be great.


    I looked for a widget to solve my problem, I couldn't find one.

    I included a link and a screenshot of a page where you can see, what I will speak about.

    THANK YOU in advance.
    best, michael

    EXAMPLE:
    Conference almost Impossible


    picture.png

    Reactive Adobe Muse CC 2015 is now online. Please install the update of CC > Apps.

    What's new: news summary

    Release notes: https://helpx.adobe.com/muse/release-note/adobe-muse-release-notes.html

    Delicate design:

    Adobe help Muse | Create responsive Web sites

    Adobe help Muse | Responsive web design in Adobe Muse

    Adobe help Muse | Migrate existing Adobe Muse Web sites to answer

    Tutorials

    To get started with Adobe Muse (replaces how to make a website with Adobe Muse (coffee of Katie)):

    - https://helpx.adobe.com/muse/how-to/create-responsive-website.html

    Create a sensitive webpage with Adobe Muse:

    - https://helpx.adobe.com/muse/how-to/responsive-web-design.html (more detailed features RWD of Muse demo)

    Thank you

    Sanjit

  • Liquid liquid inside another tag tag

    Hi guys

    My problem is simple relative, and I'm sure that I'm doing a lot more complicated than it is.

    I want to use the Gallery integrated module for customers who want to just upload images to the server and do as little work as possible in the admin.

    The first thing I need is a preview of the gallery. I did it like this:

    {module_data resource = "photo galleries" version = "v3" fields = skip "id, photoGalleryName" = "0" limit = "500" order = 'id' = 'photo galleries' collection}

    {% for section in photoGalleries.items %}

    < a href = "/ galleriV2? name = {{item.photoGalleryName}} and {{item.id}} = album" > Ga til galleri {{item.photoGalleryName}} < /a >

    < br / > < br / >

    {% endfor}

    It gives me a list of galleries, and I put the ID in the link, so I can display the correct images on the gallery page.

    On this page I do:

    {module_photogallery id = "{{globals.get.album}}" template = "" = "photoGalleryV2" = '500' resultsPerPage collection}

    {% for section in photoGalleryV2.items %}

    < class li = 'projects of grid-point-image in format' >

    < div class = 'grid-point-interiors' >

    < a href = "{{item.link}} ' class = 'media-box' >"

    < img src = "{{item.link}}? Action = thumbnail & width = 260 & algorithm = fill_proportional"alt =" ">

    < span class = "Gallery-cat" > {{item.description}} </span >

    < /a >

    < / div >

    < /li >

    {% endfor}

    Everything works perfectly and I was very satisfied with the result, but then I thought do just one thing and add a picture in the gallery above the link to the gallery in the view all page, so I wanted to do something like that.

    {% for section in photoGalleries.items %}

    {module_photogallery id = "{{item.id}}" template = "" collection = "{{item.id}} photoCollection" resultsPerPage = "1" "}

    {% capture imagePath %} {{item.id}} {% endcapture-%}

    < img src = "{{.some .link [0] photoCollection ['imagePath']}}" >

    < img src = "{{photoCollection ['item.id'] .items [0] .link}}" >

    < a href = "/ galleriV2? name = {{item.photoGalleryName}} and {{item.id}} = album" > Ga til galleri {{item.photoGalleryName}} < /a > < br / > < br / >

    {% endfor}

    I scored things I've tried, and I know I make a lot of calls to the photo gallery module, so if there is a simpler solution that would be great, because I'm not sure it's possible. I discovered that something like this {{photoCollection ['imagePath'] .some [0] .link}} with the media should be possible in e.g. shopify, but it doesn't seem to work in British Colombia.

    So to sum everything up, lets say there are 3 galleris, I want to call the module_photogallery and make 3 different collections (this works) and target them thereafter.

    The problem is I can get liquid to produce the "correct" text but it doesn't recognize it as liquid because braces are "missing" and I can't do "double" in square brackets. (Hope that makes sense).

    I initially just thought I could do something in the sense of: braces inside braces, {{.some [0] of .link photoCollection {{imagePath}}} but do not work.}

    I hope that the explanation of the problem is understandable

    Tips are greatly appreciated

    Hello

    Try to avoid of {% capture %} as often as possible, using {assign % if you can.}}

    {capture imagePath %} {{item.id}} {% endcapture}

    should be

    {% assign imagePath = item.id-%}

    Explore the following a little more...

    {% for section in photoGalleries.items %}

    {module_photogallery id = "{{item.id}}" template = "" collection = "{{item.id}} photoCollection" resultsPerPage = "1" "}

    {capture imagePath %} {{item.id}} {% endcapture}

    GA til galleri {{item.photoGalleryName}}

    {% endfor}

    Try this

    {% for item in photoGalleries.items %}    {module_photogallery id="{{item.id}}" template="" collection="photoCollection" resultsPerPage="1"}    {% assign imagePath = photoCollection.items[0].imagePath -%} // is it called imagePath in galleries?
    
        
    
        Gå til {{item.photoGalleryName}} galleri

    {% endfor -%}
  • Liquid for loops for Carousel slider

    Problem:

    I would like to create a loop for a gallery that will be produced in a sheath of carousel, but do not understand enough liquid to make it work.

    -Each slide contains a whole number and I want liquid to automatically number each slide

    -There is a blade that is active, how I would get the class active to show only once

    I took action:

    {module_photogallery id = "35883" filter = 'all' collection 'Gallery' =' model = '}

    < ol class = "Carousel-indicators" >

    {% for article on gallery.items-%}

    "< li data-target =" ' #carousel-example-generic ' data-slide-to = "{{0,1,2,3,-illimite}}" class = "active {{I just want it to appear once}}" > < img src = "{{item.link}}" > < /li >

    {% endfor}

    < /ol >

    What should I do to make this for the work of the loop?

    Your current class must be set by the slider, class most if not all will be just run and have two asset classes or what ever they use for it.

    But if you want to manually set the first...

    {% If forloop.first-%} Is that your key your after.

  • Access to a folder with the liquid?

    I'm curious to know if there is a way to access the contents of a folder with the liquid, then do something with the files in the folder (for example loop through files and insert them into a page).

    My first thought was to use {module_data}, however, the v3 file system API doesn't support, at least from this post.

    Here's what I want to achieve and I hope someone can help me. If it is at all possible.

    I have a web application and each web app element has a lot of photos associated with the web application element. I need to create a photo gallery for each web application. I've considered using the photo gallery module, however, I do not have the associated workflow because the user has 1) create the photo gallery, which means selecting the folder of images for this gallery. The problem with that is there is a lot of files on the site and each element of web application has its own folder, so you have a lot of files to go. Not easy to pick a folder quickly. (If there is a way to limit that show the records, please let me know.) (Once the photo gallery is created, the user must 2) Insert the photo gallery and enter the ID of the photo gallery and then 3) return to the web application and insert the ID of the web application. While it's feasible, I don't like the workflow for my client. I want it to be faster and easier.

    My goal is to have it so the user can create a folder, download the images in the folder, create the element of web application and the name of the web item app will match the name of the folder. Then I can draw the contents of the folder in the web page of details like a photo gallery app. Quick and simple for the end user.

    Is this possible? Any thoughts?

    Not at the moment, Lynda, it would if the file system went to the V3, but I don't know BC really wants to open this door. They would need confirm if they plan to allow us access on the server front end or not.

  • Create an image slider using the XML file photo gallery

    Hello!

    I have created a photo gallery and generated an xml file.  I want to implement a cursor image on the home page that performs a simple fade from one image to the other.

    I'm not an expert on jQuery. The BC help section says to add code that retrieves in the XML file and THEN add another code query j who would style images and transitions.

    I don't know how to do this.  Here is my code and it does not work.

    If you have a simple solution, it would be great.

    There is a script called JSSOR

    "< script type =" text/javascript"src ="... / js/jquery-1.9.1.min.js "> < / script >"

    <!-use jssor.slider.mini.js (40 KB) instead for immediate release->

    <!-jssor.slider.mini.js = (jssor.js + jssor.slider.js)->

    < script type = "text/javascript" src = "javascripts/jssor.js" > < / script >

    "< script type =" text/javascript"src="javascripts/jssor.slider.js "> < / script >

    This is the beginning of the code BC gives to pull from the xml file into a div called "Gallery".

    < div id = 'Gallery' > < / div >

    < script type = "text/javascript" >

    {$(function()}

    $.ajax({)

    type: 'GET ',.

          url: " http://www.performanceaire.com/Fahrenheit-images/BannerGallery/Photogallery.XML ", / / replace with an absolute URL of the XML of your gallery of .

    data type: "xml."

    success: {function (xml)}

    {$(xml).find('img').each (function ()}

    location var = ' http://www.performanceaire.com/Fahrenheit-Images/BannerGallery/'; / / Replace with the absolute path to the directory that contains your images

    var url = $(this) .attr ('src');

    var alt = $(this) .attr ('alt');

    $('<li></li>').html (' < a href = "' + place +" + url + ' "> < img src ="' + place + "+ url + '" alt = "' + alt + '" / > < / a > ').appendTo('#gallery');

    });

    }

    });

    });

    This is the code taken from JSSOR to transitions occur, and it does not work... any ideas?

    jQuery (document) .ready (function ($) {}

    var options = {}

    $AutoPlay: true, / / [optional] If auto play, to activate the slide show, this option must be set to true, the default value is false

    $DragOrientation: 1 / / orientation [optional] to drag the slide, 0. drag, 1 horizental, 2 3 vertical or, default value is 1 (note that the $DragOrientation must be the same as $PlayOrientation when $DisplayPieces is more than 1, or in the parking position is not 0)

    };

    var jssor_slider1 = new $JssorSlider$ ("Gallery", options);

    });

    < /script >

    www.performanceaire.com/index-FS.html

    It is perhaps a bit much if you do not top:

    Developers

    http://www.BusinessCatalyst.com/BC-blog/BC-next-liquid-rendering-JSON-new-editing-capabili links-increased-performance

  • How to create a photo gallery, so the photos on the page may be scaling? [was: Flash CS6]

    Hello!

    I have a schoolproject where I will make a photo gallery of pure inside a dreamweaver page. I know how to do the actuall Gallery, but the difficulty is that I have to make sure you can scale the photos when they are on the page.

    Someone knows how to do this?

    If your page is not admissible, or at least % width, your image gallery cannot resize available.

    However, you can use a modal as Fancybox calling full images when you click on the thumbnails.  See this example:

    Alt - Web templates: CSS semi-liquid, piece of evidence photos

    Nancy O.

  • Photo Gallery for responsive Web site

    It is a question, I begin to hear more often from my customers: "why don't the photogallery look on my smartphone?

    I know that the module uses tables and basic CSS is not configured for sensitive page layouts. However, when I open the file modulestylesheets.css in Dreamweaver CM³, he had only two items in the photo gallery of the CSS section. I can't see how to change the td photogallery in the css to work correctly in my reactive model.

    Pointers would be greatly appreciated!

    In addition, if Adobe could look into this, it seems appropriate given the direction Web is headed! It would be great if all the modules have been designed to function properly in a reactive model.

    Thanks in advance!

    Hello

    The array elements are elements of table, you can convert them to block level items that may be sensitive.

    Tables adapted in British Colombia

    Following this BC. Next and liquid, you can run the module as a whole and completely build a gallery exactly how you want.

  • Photo Gallery module - customize a large image size

    I need to find a way to customize the size of the complete picture of the Photo Gallery module. I have a couple of clients using this module that don't understand how to crop and resize images before they are downloaded.

    I understand that this can be done through CSS, but the question that I foresee is that the original image is still being used which could have a large file size. Is there a workaround to resize the magnified image and reducing the actual size of the file? Either through CSS, JS or maybe even the new engine BC of the liquid? Any help would be appreciated. Thank you.

    You can go to the file manager and use the option of resizing on images in there.

    BUT

    They need to do it outside of these systems, BC will edit only based on numbers and mathematics, if the client gets the wrong proportional values it will screw up the images, the system will not crop the images, only the scale so things may be crushed etc..

    If the images are used for a site on the web as a tentative representation of something, they must be done correctly and out of the system before arriving.

  • [Power Mac G5] Type of liquid cooling system?

    Y at - it anyway how to determine type of LCS just by looking at the case?

    We have old school Power Mac G5 DP 2, 7GHz (early 2005) we use for editing (well, for the last two years, he's right there and no one wants to touch this old piece of...). They will throw him in the year, and since I was take care of him for a while, I thought I'd take home when they do and use it as a backup machine for the data of my and my wife. I would like the max memory, put a few large hard drives (and small SSD, but there seems to be a lot of problems with this) and run the Linux command (more problems).

    But first, I have to clean the machine and look at the State of it. What particularly concerns me is the LCS (DP 2, 7GHz I) - these things have been prone to leaks and what I found there are at least three revisions of the LCS - second of them made by Panasonic seems to be the most reliable. I can't look inside, deeply, because it must be ready to use at least for another 3-4 months, I can do is to open the case and remove the front fan and look outside the heater.

    So this brings me to my question: Y at - it anyway to determine the type of LCS just by looking at the case?

    Thank you...

    Apparently, there were two models more prone to leaks than others, although still very rare. See this http://www.everymac.com/systems/apple/powermac_g5/faq/powermac-g5-liquid-cooling-infos-fuites-issues.html

    The damage inflicted by a system of flight are very serious, and it is almost impossible to hide or completely clean. As soon as you open the side panel on the Power Mac, you will easily be able to tell if this unit experianced a problem.

  • Could I get a free replacement for the phone that was diagnosed with the liquid damage clause?

    Hello

    It's Vincent of the India.

    My iPhone 5 exploded randomly while I was listening to music, about 2 weeks back. Don't turn on since.

    The inspection service center claimed to have found traces of liquids on "residents" of the device and thus were classified in accordance with the clause of liquid. I was asked to pay more than the price of the phone for placement.

    I understand that there is no free replacement phone or the motherboard, my question is how safe are that it is not a fault of Interior?

    The phone is 4 months warranty, purchased online. No physical damage. I have no reason to lie when I say that I don't 'accidentally' drop it in the water. Why can't they consider a real case? In addition, what might have caused the problem?

    Some experts of the forum online YouTube wrote this saying, "close the seat or the higher in the order." He has not just you being stuck with a defective product. Exactly how to do this, if I could?

    Everything what I'm trying to understand is why should it unlucky customers such as I have pay the price for something that I'm sure that's not a fault on my side? Should not be a system in place for situations like this?

    Other iPhone - official Apple Support repairs

    How much will cost to fix an iPhone 6 with water damage?

    more

    cost of water damaged iphone

  • How can I retrieve files from the Gallery?

    'Gallery' is an option which is usually a default value for the recording of things such as documents, but there seems to be no way to recover anything of him. I usually avoid altogether but sometimes, when I'm not alert enough, stuff gets through in this "black hole" never to be seen again.

    Help!

    Also how to remove 'Gallery' altogether?

    "Gallery" is an option which is usually a default value for the recording of things such as documents

    I have never heard of a feat of the Gallery, the folder, or the library on the Mac.

    Gallery is certainly a thing of MS windows, you're in the correct discussion?

    Its clients include basic details as model of Mac, Mac OS and the specific application you are using, if not his conjecture all for anyone trying to help you.

  • where we plug the camera see Gallery pictures online?

    where we plug the camera see Gallery pictures online?

    You might want to clarify this:

    What camera? Your own point and shoot? With an SD card? Is your Mac has a card reader? You have a 3rd party one?

    Online? Generally means posted on a Web Site - what you want?

    Gallery? What do you mean by that?

  • What should I do if I spilled liquid on my macbook, after I let it dry... I can't turn and if it is all ok forget, or should I bring it support?

    What should I do if I spilled liquid on my macbook, after I let it dry... I can't turn and if it is all ok forget, or should I bring it support?

    Happened to others? What do you recommend?

    Liquid spills are not covered by the warranty. Always have a current backup plan. How to create a clone of startup

    Try your luck when you turn it on. Soda soda is worse than water, continues to corrode.

    In general, it's a keyboard for small amounts of liquid.  In this case, you may be able to combine a wireless keyboard and the trackpad.

    Genius of booking http://www.apple.com/retail/geniusbar/

    Online https://getsupport.apple.com/GetproductgroupList.action

    check the warranty https://selfsolve.apple.com/agreementWarrantyDynamic.do

Maybe you are looking for

  • Printer says "not responding" but then print

    I have a Canon Pixma MG5300. When I go to print, for example, a document, the printer will say he's ready. A small window will pop up to down on the right side of the taskbar and said "the printer does not. After a minute or two, the document will be

  • Officejet 7310 carriage jam

    completed troubleshooting online; carriage moves completely to the right, left and sits on the right; error message returns.

  • TCP / HTTP overhead

    I apologize if this isn't the right place to ask this question... I'm trying to understand overhead with tcp and HTTP response that I see in the capture of packages (wireshark) that I join you the topic. My understanding is: I can calculate the porti

  • Error FDM

    Hi allI get under alert for error loading data via FDM to HFM:0132 ~ LEGISLATION ~ SUMMARY ~ 201601 ~ RR. Could not import CSV. Error code = 20 source file if you please review to verify the integrity of the data.Please suggest what could be the poss

  • How to fix typing slow in CC?

    When I type anything, the document takes forever to catch me. It doesn't matter if it's an old document or a fresh new. I have turned off preflight, InDesign is up-to-date, I trashed preferences... I have no idea what to do next.iMac OS 10.10.5