EverWeb Widgets

Sale Tag Product Gallery

Product Grid - Sale Tags

Each grid item has an image which opens a larger version in a lightbox slideshow when tapped or clicked..
A sale price can be indicated with a different color. When this is present, there is a checkbox to strike through the list price.
The CTA style links align themselves at the botttom of the grid item container.
Items are added and their data entered as described below …

Crop all the images and their respective thumbnails, give them file names with sequential numbers and store them in a folder.
Select all the thumbnail images in the Finder folder and drag them all together and drop them onto the Assets List in the Widget Setting panel
Change the order of the images if required by dragging them up or down the list
Select the first image in the list and use the large button to select its large counterpart.
Select the first image in the list again and enter the alt text for the search engines which also becomes the large image caption.
Tab down and enter the item name
Tab again and enter the item description
Tab down and enter the price
If it is a sale item, check the box to strike through the price
Check the box next to "Display Sale Price"
Enter the sale price
Check the box to "Display Sale Tag"
Enter the tag text
Enter the link text
Enter a relative or absolute file path into the URL box and check the box if it is to open in a new window

Tag Grid

There is a grid version of this widget which opens an internal or external page when any grid image is clicked. It omits the CTA style links. Click the "Grid" link below to see it.

File Paths Tag Grid