Image Settings


Structured Data

  • Enable: (button) Enable Structured Data Schemas
    • Default: [false]
  • Schema Property: (input) The name of the schema property
    • Enable: When Enable is set to true
    • Default: image

Image - Setup

  • Alt Tag: (input) The alt tag added to the image for SEO.
    • Default: My Image
  • Mobile (required): (image) The image that will be used on mobile devices. It will also be used on devices that don’t support Javascript
    • Enable: When Warehouse Images? is set to false
    • Default:
  • Tablet (optional): (image) The image that will be used on tablet devices.
    • Enable: When Warehouse Images? is set to false
    • Default:
  • Desktop (optional): (image) The image that will be used on desktop devices.
    • Enable: When Warehouse Images? is set to false
    • Default:
  • Mobile (required): (link) The image that will be used on mobile devices. It will also be used on devices that don’t support Javascript
    • Enable: When Warehouse Images? is set to true
    • Default:
  • Tablet (optional): (link) The image that will be used on tablet devices.
    • Enable: When Warehouse Images? is set to true
    • Default:
  • Desktop (optional): (link) The image that will be used on desktop devices.
    • Enable: When Warehouse Images? is set to true
    • Default:
  • Warehouse Images?: (checkbox) Use warehoused images
    • Default: false
  • Always load mobile first?: (checkbox) Always load the default mobile image first or else wait until the browser size is determined to load the image. This will cause a slight delay in an image loading. If you turn this off, you must define Tablet and Desktop images to be used.
    • Default: true
  • Add Link?: (checkbox) Add a link to the image
    • Default: false
  • Link: (link) Link for the image
    • Enable: When Add Link? is set to true
    • Default: javascript:void(0)

Image - Sizing & Alignment

  • Rounded: (select) The corener radius of the button
    • Default: Square
    • Possible Values:
      • Square
      • Round Corners
      • Pill
  • Align: (select) image alignment
    • Default: Center
    • Possible Values:
      • Center
      • Left
      • Right
  • Preload? (Recommended): (checkbox) This will reserve space on the webpage for the image while its downloading. This will prevent your content from shifting after the image is downloaded. This setting will drastically improve the look of your site as it loads. This setting will also cause the image to grow to the container width. You will need to set a max width setting if this is not what you want to happen.
    • Default: false
  • Actual Width: (number) The actual width of the image so that the page loads with a reserved space for the image. This should be the actual width of the image
    • Enable: When Preload? (Recommended) is set to true
    • Default: 1000px
    • Min Value: 1px
    • Max Value: 4000px
  • Actual Height: (number) The actual height of the image so that the page loads with a reserved space for the image. This should be the actual height of the image

    • Enable: When Preload? (Recommended) is set to true
    • Default: 400px
    • Min Value: 1px
    • Max Value: 4000px
  • Grow to Container Width?: (checkbox) Allow the image to grow past its original size and go as large as its container.

    • Enable: When Preload? (Recommended) is set to false
    • Default: false
  • Define Max-Width?: (checkbox) Define max-width for the image
    • Default: false
  • Mobile MaxWidth: (number) The maximum width of the image on a mobile device
    • Enable: When Define Max-Width? is set to true
    • Default: 300px
    • Min Value: 0px
    • Max Value: 2000px
  • Tablet MaxWidth: (number) The maximum width of the image on a tablet
    • Enable: When Define Max-Width? is set to true
    • Default: 600px
    • Min Value: 0px
    • Max Value: 2000px
  • Desktop MaxWidth: (number) The maximum width of the image on a desktop
    • Enable: When Define Max-Width? is set to true
    • Default: 800px
    • Min Value: 0px
    • Max Value: 2000px
  • Align Center on Mobile?: (checkbox) When selected it will center the image for mobile screen sizes
    • Default: false