Show Image Link

• Admin Area
• Auto Set First Image/Video
• Featured Image
• Metadata
• Performance
• REST API
• Shortcode
• Slider
• Social
• Text
• Video
• WooCommerce
• WP All Import
• Help




Configuration

This option allows to use the first image/video from a post/page/product content as featured image. It will happen when you click on Publish/Update button.




	use the first image/video as featured image
	hide the first image/video from content
	overwrite the existing external featured image/video

Apply to all

Enable that to update all your posts/pages/products applying the configuration above. Very useful if you have hundreds of them and want to set the first image/video as featured image for all. It can take some minutes and can't be undone, so make a backup. To repeat the process enable the toggle again.

To schedule this process (hourly, daily etc), you can use the Hook fifu_event with your favorite cron event plugin. I like WP Control.




	ignore posts that already have an external featured image/video
	update all your posts/pages/products now

Video

FIFU supports videos from YouTube, Vimeo, Facebook, Instagram, Imgur, 9GAG, Cloudinary and Tumblr. You can enable the video meta box here.




Video Thumbnail

Enable the toggle below to show the video thumbnail instead of the video on home/shop.




Video Sizes

The default value applied to the videos is "100%" and it usually works fine. However, here you can define the max size of the featured videos at different layouts and the ratio for those videos as well.



Ratio:			e.g.: 1, 2, 3...
Margin Bottom:		e.g.: 10px, 1cm...
Vertical Margin:		e.g.: 10px, 1cm...
Archive:			e.g.: 300px, 8cm...
Category:			e.g.: 300px, 8cm...
Home:			e.g.: 300px, 8cm...
Page:			e.g.: 300px, 8cm...
Post:			e.g.: 300px, 8cm...
Product:			e.g.: 300px, 8cm...
Shop:			e.g.: 300px, 8cm...




Minimum Width

Minimum width that an available area should have to show a video. Otherwise the thumbnail will be shown.




Video Auto Play

This option allows to play a video on "mouseover" and pause it on "mouseout".




	for YouTube videos
	for Vimeo videos

Checking compatibility between your theme () and FIFU Premium...

• Features Compatibility
• Official FIFU WooCommerce Theme

as Blog	as Shop
featured image: yes	product image: yes
	product gallery: yes
featured video: yes	product video:
featured slider: yes	product slider:

FIFU is developed using Storefront, the official WooCommerce theme. So all the plugin features are compatible with that without any additional steps.

If your theme isn't flexible enough to work with external images, please consider to move to Storefront. .

Auto Set Image Alt/Title

Enable the toggle below to automatically set the attibutes "alt" and "title" of an external image with the title of the post/page. It will have effect when you click on publish/update button of your post/page.




	auto set image alt/title

Crop images to the same size

If you are not happy with the different sizes of external featured images on your home/shop, enable the toggle below to crop them to the same size.




• Crop Images
• Inform a Selector
• Size Ratio




	P.S.: if the crop doesn't work, use a Selector to inform where is the group of external images that you want to crop.

Examples of valid selectors: #products (if the element id="products"), .my-post-area (if the element class="my-post-area")


Examples of valid size ratios: 3:2, 16:9, 1:1...



Replace broken image

Here you can define the URL of an image to be shown in case of error (image not found).



Original Size

Useful if you have small external images, here you can define if the image will be shown in the original size or if it will be resized to the dimensions of the available area.




	original size

Default External Featured Image

Here you can define the URL of a default external featured image that will be shown when you create/update a post/page/product without an internal/external featured image.






Featured Image in Content

It will sound crazy, but some themes don't show the Featured Image on the posts or pages. If it is your case and you would like to show the Featured Image there, just enable the toggle. The Featured Image will appear at the beginning of the content, before the text.




	on page
	on post

Hide Featured Media

Enable the toggle if you want to hide the external featured image/video/slider on posts/pages but keeping its visibility on home.




	on page
	on post

Hover Effects

Choose a hover effect to be applied to the external featured images of your posts/products on your homepage. Live preview

315 Degrees 360 Degrees Blur Blur Gray Scale Brighten Circle Flashing Gray Scale Horizontal Rotation Opacity Color Opacity White Rainbow Rotate Sepia Shine Vertical Rotation Zoom In Zoom Out

Validate Images

Allows to check image URLs and, when an image is not found, its URL is not saved. However, the validation can make the saving time too long. It is not integrated with Auto Set Featured Image or Rest API features yet.




CSS Style

Here you can define a CSS style to be applied to all external featured images. Example:

width: 50%; border-radius: 8px; border: 1px solid #ddd; padding: 5px;




Maximum Sizes

When you are working with external images, there is no way to know the image dimensions before loading the page. As consequence, some themes may show the images in their real (sometimes huge) sizes. Here you can define the max size (px) of the featured images at different layouts.



Archive:			e.g.: 128, 256, 1024...
Cart:			e.g.: 128, 256, 1024...
Category:			e.g.: 128, 256, 1024...
Home:			e.g.: 128, 256, 1024...
Page:			e.g.: 128, 256, 1024...
Post:			e.g.: 128, 256, 1024...
Product:			e.g.: 128, 256, 1024...
Shop:			e.g.: 128, 256, 1024...




Save Image Dimensions

Enable that to save the image dimensions. A few themes may need the image width and height to avoid style issues.




	save and use image dimensions
	save the image dimensions of all external featured images now (it requires php-curl)
	clean the image dimensions of all external featured images now

Lazy Load

Enabling this feature the images/videos won't be loaded until user scrolls to them. So it will make your home/shop load faster.




Flickr External Thumbnails

• Thumbnails Sizes
• Do you know Flickr?
• How does FIFU take advantage of Flickr?
• Getting Flickr URL



- It's free;
- Offers 1000 GB of space;
- It's dedicated to store and provide images, probably faster than the most of servers;
- Creates automatic copies of your images in many different sizes.



Smaller the images, faster your site. So the plugin will load the images from Flickr in the exactly size your site needs. And the result is...

The images will be shown with the best quality and the shortest time possible.



You just need to get one URL (Square 75, for example). Use that to fill the Show Image Link field of your post, page or product. The plugin will handle this URL to provide the image in different sizes.







You don't need to change anything here to make the images appear. However, some themes can't calculate the sufficient size that an image should have in each place, which is a waste. So if in a post, for example, a 1600px wide image is being loaded in an area that you know that is never larger than 750px wide, you could disable the options 1024 and 1600, which will make your site much faster without losing quality.



width	75	100	150	240	320	500	640	800	1024	1600
post
page
archive
cart
category
home
product
shop

Fake Internal Featured Image

Even though FIFU works fine with the most of themes/plugins, some of them are not able to show the external featured image if there is no internal featured image associated to your post/page/product. Enabling the toggle below, a symbolic empty file will be added to your Media Library as an attempt to overcome that limitation.




Clean metadata

This option might be necessary if you intend to deactivate the plugin and use only internal featured images again. It will clean the fake internal featured images generated by FIFU, but not the URLs.




Featured Image Column

The plugin adds a new column "FIFU" (Show Image Link) to your table of posts/pages/products in admin area. Below you can choose the height (px) of the image in the column. To disable that, just uncheck "FIFU" in the Screen Options.




Meta boxes: External Galleries and Slider

Here you can define the number of fields you will have on the editor for galleries and slider. A huge amount of fields can interfere in the save action time.



External Image Gallery:
External Video Gallery:
Slider:




Database

Limit of rows to UPDATE, INSERT or DELETE by query. Higher this number, faster the features Auto Set (Apply to All) and Metadata (Fake Internal Featured Image and Clean). However, if you have limited resources, don't increase this value too much, otherwise your database can bring down.



Rows Limit




Schedule Metadata Generation

If you are setting the image URLs in a nonstandard way, the images probably won't be shown at front-end because some internal metadata is required. Here you can schedule an event to run each N minutes and check if there is some image URL without metadata and create that.



Interval (minutes)




Media Library

Enable that to show the external images in your media library.




jQuery

If for some reason jQuery is missing from your site, which is not commom, you can import that from a CDN.




import jQuery from a CDN

Reset Settings

Reset plugin settings to the default configuration.




reset plugin settings

Shortcode

This experimental feature allows to use a shortcode as "featured image" of posts/pages/products. Using shortcodes you are not limited to images/videos/sliders anymore. You can use any content provided by the shortcode, what could be a music, a text, a whole site etc. However, some contents will need a large area of your site to be shown properly. So you should define a minimum width that an area of your site should have to be able to show the shortocde content, otherwise it will be shown the regular featured image (required field). Important: shortcodes can be not compatible with other FIFU features, such as CSS Style, Crop Image, Lazy Load etc.




	shortcode
	minimum width required (px)
	maximum height (px)

Slider Settings

Once you have added the first external image on a post/page/product, the slider meta box will show up. Adding more external images, you have a slider and you can define its settings here.




	slider
	fade effect
	pause autoplay on hover
	show prev/next buttons
	start to play automatically
	show gallery on click
	time between each transition (in ms)
	transition duration (in ms)

Social Tags

Show Image Link provides social tags to share the external images on the social networks. Here you can enable/disable this feature.




Lightbox and Zoom

You can enable/disable the product lightbox and zoom here.




	lightbox
	zoom

Auto Set Product Category Images

Enable the toggle below to set one external image to each product category. The image will be the external featured image from the most recent product from that category.




	set category images

Category Image on Product Grid

That's possible to show the external featured image of your category on category page, immediately before the product grid. To do that, enable the toggle below.




	show category image on product grid

Variable Product

Settings for product variations.




	allows to use external images in product variations
	allows to use a different image gallery for each product variation (only for WooCommerce Rest API users)

Import

You can use Show Image Link with WooCommerce import. For that, use the custom fields below.



• Importing products...
• Custom Fields

	Key(s)
Image	fifu_image_url
Alt	fifu_image_alt
Video	fifu_video_url
Image + Image Gallery (URLs delimited by "|")	fifu_list_url
Alt + Alt Gallery (titles delimited by "|")	fifu_list_alt
Video + Video Gallery (URLs delimited by "|")	fifu_list_video_url
Slider (URLs delimited by "|")	fifu_slider_list_url

CSV example



WP All Import

You can use Show Image Link with WP All Import plugin. For that, use the custom fields below.



• Importing products...
• Custom Fields
• FAQ

	Key(s)
Image	fifu_image_url
Alt	fifu_image_alt
Video	fifu_video_url
Image + Image Gallery (URLs delimited by "|")	fifu_list_url
Alt + Alt Gallery (titles delimited by "|")	fifu_list_alt
Video + Video Gallery (URLs delimited by "|")	fifu_list_video_url
Slider (URLs delimited by "|")	fifu_slider_list_url

1)	How To Import To Your Theme (Or Plugin) - Custom Fields
2)	Importing Variable Products to WooCommerce




CSV example



Result:


WP / WooCommerce REST API

• Endpoints
• Custom Fields
• Creating your first product
• product category
• product variable
• product variation
• batch
• post
• Documentation

	GET/POST
Product	/wp-json/wc/v3/products
Product Category	/wp-json/wc/v3/products/categories
Product Variation	/wp-json/wc/v3/products/{id}/variations/
Batch	/wp-json/wc/v3/products/batch
Post	/wp-json/wp/v2/posts
Custom Post Type	/wp-json/wp/v2/{post_type}





	GET/PUT/DELETE
Product	/wp-json/wc/v3/products/{id}
Product Category	/wp-json/wc/v3/products/categories/{id}
Product Variation	/wp-json/wc/v3/products/{id}/variations/{variation_id}
Post	/wp-json/wp/v2/posts/{id}
Custom Post Type	/wp-json/wp/v2/{post_type}/{id}

	Key(s)
Image	fifu_image_url
Image Alt	fifu_image_alt
Product Image + Gallery (URLs delimited by "|")	fifu_list_url
Product Image Alt + Gallery (titles delimited by "|")	fifu_list_alt
Video	fifu_video_url
Video Gallery	fifu_video_url_0, fifu_video_url_1 ...
Slider	fifu_slider_image_url_0, fifu_slider_image_url_1 ...

1)	WordPress REST API
2)	WooCommerce REST API

The selected images will be permanently removed from FIFU Speed Up and cannot be recovered. Are you sure?