Image – Link Grid

[TS-VCSC-Icon-Title title=”Image Link Grid Features” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RmVhdHVyZXM=”][TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/composium/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png”]

  • Add title to each image; always show title or show on hover
  • Assign different link to each individual image
  • Images without link can be excluded automatically, shown in a lightbox after click or just be shown
  • Assign categories to each image to create filter feature
  • Grid can be shown in full width (if supported by theme)
  • Define number of grid columns be setting breakpoints based on available space

[/TS_VCSC_Fancy_List]

[TS-VCSC-Spacer height=”20″ el_file=””][TS-VCSC-Icon-Title title=”Standard Image Link Grid” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”U3RhbmRhcmQ=”][TS_VCSC_Image_Link_Grid content_images=”16168,16162,16158,16157,16144″ content_images_titles=”Cologne,Dresden,Postdam,Berlin,Frankfurt” content_images_links=”https://www.youtube.com/watch?v=QT_oTgLP1dE,https://www.youtube.com/watch?v=fqnWTbsHQJE,https://www.youtube.com/watch?v=Fprp5Cz2BXI,https://www.youtube.com/watch?v=ks2mkRbl1MU,https://www.youtube.com/watch?v=ZNXwl5qQ2u4″ data_grid_invalid=”lightbox”]
[TS-VCSC-Spacer height=”20″ el_file=””][TS-VCSC-Icon-Title title=”Image Link Grid with Filter” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RmlsdGVy”][TS_VCSC_Image_Link_Grid content_images=”18282,18278,18283,18281,18279,18259,18267,18273,18257,18263″ content_images_titles=”Lakeside,Poolside,Streetcars,Bridge,Lantern,Industrial,Rail Tracks,Ocean,Mountain View,Fields” content_images_links=”http://www.wikipedia.org,http://www.wikipedia.org,http://www.wikipedia.org,http://www.wikipedia.org,http://www.wikipedia.org,http://www.wikipedia.org,http://www.wikipedia.org,http://www.wikipedia.org,http://www.wikipedia.org,http://www.wikipedia.org” data_grid_invalid=”lightbox” content_images_groups=”Water,Water,City,City,City,City,Nature,Water,Nature,Nature” filters_toggle_style=”ts-color-button-carrot-flat” filters_showall_style=”ts-color-button-peter-river-flat”]
[TS-VCSC-Spacer height=”20″ el_file=””][TS-VCSC-Icon-Title title=”Full-Width Image Link Grid” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RnVsbC1XaWR0aA==”][TS_VCSC_Image_Link_Grid content_images=”16134,16126,16131,16129,16127,16125,16102,16109,16119″ content_images_size=”large” content_images_titles=”Cheetah,Leopard,Snow Leopard,Tiger,Arctic Wolf,Kitten,Horse,Tree Boa,Lion” content_images_links=”http://en.wikipedia.org/wiki/Cheetah,http://en.wikipedia.org/wiki/Leopard,http://en.wikipedia.org/wiki/Snow_leopard,http://en.wikipedia.org/wiki/Tiger,http://en.wikipedia.org/wiki/Arctic_wolf,http://en.wikipedia.org/wiki/Kitten,http://en.wikipedia.org/wiki/Horse,http://en.wikipedia.org/wiki/Corallus,http://en.wikipedia.org/wiki/Lion” data_grid_invalid=”lightbox” data_grid_breaks=”240,480,720,960,1280″ fullwidth=”true”]