{"id":1878,"date":"2010-11-15T10:25:00","date_gmt":"2010-11-15T10:25:00","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/after_sale_support\/Working_with_Dynamic_Flash_Galleries\/article5.html"},"modified":"2011-03-23T03:41:28","modified_gmt":"2011-03-23T07:41:28","slug":"gallery-layout-settings","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/gallery-layout-settings.html","title":{"rendered":"Gallery Layout Settings"},"content":{"rendered":"Gallery layout settings should be set in <span style=\"FONT-WEIGHT: bold\">tfile_gallery.xml<\/span> file. <br \/> <br \/>All settings of the given file can be edited through the convenient <span style=\"FONT-WEIGHT: bold\">\/admin<\/span> part but if the user won\u2019t want to use it, the description of the given settings is quoted below. <br \/> <br \/> <span style=\"FONT-WEIGHT: bold\">Example<\/span>: There are <span style=\"FONT-WEIGHT: bold\">two<\/span> galleries, <span style=\"FONT-WEIGHT: bold\">8<\/span> pictures in each; this should be described in XML file as follows: <br \/> <br \/> <div class=\"example_code\">&nbsp; <br \/>&nbsp; &lt;section name=&#8221;imagesData&#8221;&gt; <br \/>&nbsp;&nbsp;&nbsp; &lt;category name=&#8221;FLOWERS&#8221; folderID=&#8221;1&#8243;&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;1.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;&lt;![CDATA[ <br \/>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. <br \/>]]&gt;&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;2.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;3.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;4.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;5.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;6.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;7.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;8.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &lt;\/category&gt; <br \/>&nbsp;&nbsp;&nbsp; &lt;category name=&#8221;NATURE&#8221; folderID=&#8221;2&#8243;&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;1.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;2.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;3.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;4.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;5.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;6.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;7.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;image&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageUrl&#8221;&gt;8.jpg&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;item name=&#8221;imageComment&#8221;&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta.&lt;\/item&gt; <br \/>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;\/image&gt; <br \/>&nbsp;&nbsp;&nbsp; &lt;\/category&gt; <br \/>&nbsp;&lt;\/section&gt; <br \/>&nbsp; <br \/><\/div> <br \/>The other layout settings: <br \/> <br \/> <span style=\"FONT-WEIGHT: bold\">imageHeight<\/span> &#8211; small pictures height <br \/> <span style=\"FONT-WEIGHT: bold\">imageWidth<\/span> &#8211; small pictures width <br \/> <span style=\"FONT-WEIGHT: bold\">hSpace<\/span> &#8211; horizontal space between small pictures <br \/> <span style=\"FONT-WEIGHT: bold\">vSpace<\/span> &#8211; vertical space between small pictures <br \/> <span style=\"FONT-WEIGHT: bold\">openInBrowser<\/span>&#8211; (true\/ false)&nbsp; &#8211; if true, then at click on zoom button, photo opens in browser, if false &ndash; in flash <br \/> <span style=\"FONT-WEIGHT: bold\">commentPosition<\/span> &#8211; (stretched, left, right) positioning of comments to photos (stretched &ndash; will occupy all big photo throughout width) <br \/> <span style=\"FONT-WEIGHT: bold\">previewPosition<\/span> (top, bottom, right, left) &#8211; gallery appearance setting, shows how big photo will be settled relatively to the small one <br \/> <span style=\"FONT-WEIGHT: bold\">previewOffset<\/span> &#8211; indent between big and small pictures <br \/> <span style=\"FONT-WEIGHT: bold\">maxGalleriesAllowed<\/span> &#8211; a maximum value of the categories <br \/> <span style=\"FONT-WEIGHT: bold\">minImageWidth<\/span> &#8211; a minimum width of the image <br \/> <span style=\"FONT-WEIGHT: bold\">minImageHeight<\/span> &#8211; a minimum height of the image <br \/> <span style=\"FONT-WEIGHT: bold\">maxImageWidth<\/span> &#8211; a maximum width of the image <br \/> <span style=\"FONT-WEIGHT: bold\">maxImageHeight<\/span> &#8211; a maximum height of the image <br \/> <span style=\"FONT-WEIGHT: bold\">minPreviewWidth<\/span> &#8211; a minimum width of the preview <br \/> <span style=\"FONT-WEIGHT: bold\">minPreviewHeight<\/span> &#8211; a minimum height of the preview <br \/> <span style=\"FONT-WEIGHT: bold\">maxPreviewWidth<\/span> &#8211; a maximum width of the preview <br \/> <span style=\"FONT-WEIGHT: bold\">maxPreviewHeight<\/span> &#8211; a maximum height of the preview","protected":false},"excerpt":{"rendered":"<p>Gallery layout settings should be set in tfile_gallery.xml file. All settings of the given file can be edited through the convenient \/admin part but if the user won\u2019t want to use it, the description of the given settings is quoted below. Example: There are two galleries, 8 pictures in each; this should be described in [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[282,752],"tags":[502,501],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1878"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1878"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1878\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}