GD > Post Images

All Widgets come as Widgets, Shortcodes or Blocks. Learn more about our Super Duper Widgets.

The Post Images widget outputs images from any image custom field. Some features include;

  • Output a single image
  • Output multiple images as an image gallery grid.
  • Output multiple images as a slider.
  • Lazyload all images for better speed.
  • Open images in a lightbox.
  • Show multiple image custom fields in the one output.
  • Set fallback images from the default category image or more.
  • Use any URL custom field to generate a screenshot of that URL for inclusion on the output.

The MultiRatings and Reviews Extension adds the ability for users to add images to reviews, these uploaded images can be output by this widget also.

Widget Options

Some settings for this widget are advanced settings, reveal them by clicking the button next to save.

  • Title - The widget title.
  • Output Type - Select the output type;
    • Single Image - Loads one image.
    • Slider - Load images in a flex slider which is mobile responsive and touch-enabled for swipe.
    • Gallery - Load images in a 4 image grid system.
  • Load via Ajax - This will load al images apart from the first slider image via AJAX for faster load times.
  • Auto start - (slider specific) Set the slider to auto start sliding.
  • Show title - (slider specific) Show the image title (if set) over the image.
  • Show caption - (slider specific) Show the image caption (if set) over the image.
  • Animation - (slider specific) Set the animation for the slider; slide or fade.
  • Control Navigation - (slider specific) Set control navigation below the slider. Options are;
    • Default - Bulletpoint selects.
    • Thumbnails - This will load the thumbnail images (not AJAX compatible) that users can see and select the preview.
    • None - No bottom control navigation.
  • Link to - Set if the images have links, options are; none, post or lightbox image.
  • Show logo (deprecated) -  Use types below to show the listing logo first if uploaded.
  • Image types - Comma separated list of image types (by key) to show. Defaults to: post_images.
  • Fallback types - Comma separated list of fallback types to show if post has no specified images (only one will be shown). Defaults to: logo,cat_default,cpt_default,listing_default.
  • Image size - You can set a specific WP image size. All images are output as responsive sizes so this option is rarely needed.
  • Image limit - Limit the number of images returned.
  • Show limit - Limit the number of images shown. This can be used to output 1-2 images in a gallery and if linked to lightbox it can ajax load more images when in a lightbox. This can also be used to turn the slider into a carousel and will set the default visible images.
  • Image cover type - This is how the image should cover the image viewport. You can give priority to height, width or to show the whole image, the default is to cover which looks best but can clip the edges of images.
  • Extra class - Give the wrapper an extra class so you can style things as you want.

Example Output

Single Image

Slider

Slider (with thumbnail control nav)

Gallery

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us