I have had a feed working OK for over a year - but just noticed that images are not showing up - in any browser. I saw a closed topic on this that mentioned using tags %CONTENTENCODED% - but I cant see anywhere to put this. Can you please help. Is in the embedded code (I have tried and doesn't make any difference)? This is the feed http://app.feed.informer.com/digest3/VOQ4DXUKIR.html
Forums
Feed Informer Support
Images not showing up in feed
10 posts-
Posted 10 years ago #
-
Hello Jean,
I've looked at your template code and found out that you use %ENCLOSUREURL% tag to output images to your widget. Apparently, the source feed you use for your digest does not provide <enclosure> RSS tags anymore. Consider using Media RSS tag %MEDIACONTENTURL% instead (to learn more about it please visit http://feed.informer.com/blog/docs/media-rss-template-tags/ ).
Alternatively, you can use our new tags %FIRSTIMAGEFROMDESCRIPTION% or
%FIRSTIMAGEFROMCONTENT% (see http://feed.informer.com/blog/new-template-tag-to-display-the-first-items-image-is-available/ for more details).Posted 10 years ago # -
Sorry to be dumb - but where do I put these tags? All I did was use the feed template forms? I did not add any tags.
Posted 10 years ago # -
Please click 'My Digests' in the main menu, then select the digest you want to edit.
Now click 'WIDGETS' in the secondary menu, then click on the name of the widget of interest.
Scroll down to 'Widget Design' section, click on the link 'Edit template manually' next to 'Design template' field.
The code you need to modify is in 'Per-item template' field.
Try, for example, to replace %ENCLOSUREURL% with %FIRSTIMAGEFROMDESCRIPTION% in it, then click on 'Preview' button.
Try other options until you're satisfied with the result, then click on 'Save' button.Posted 10 years ago # -
Actually, to make my solution work you need to remove this part of the code altogether:
<img src="%ENCLOSUREURL%" border="1" width="100" style="float:left; padding-right:10px />
and replace it with:
%FIRSTIMAGEFROMDESCRIPTION%
and add the following code to your CSS:
img.feed_informer_first_image { border: 1px solid; width: 100px; height: auto; float: left; padding-right: 10px; }Posted 10 years ago # -
Thanks for this - I can now see the images, but is there anyway to make them smaller? I have looked at the media tags but can't see how to do that. This is what I have now. http://feed.informer.com/widgets/VOQ4DXUKIR.html
Posted 10 years ago # -
That why you need to use CSS rules I provided in my example above. If you are not familiar with CSS, just add this code:
<style type="text/css">
img.feed_informer_first_image { border: 1px solid; width: 100px; height: auto; float: left; margin-right: 10px; }
</style>
to the <head> section of your HTML page/template, that should do the trick.Posted 10 years ago # -
I did add the css to my css file - but it doesn't seem to work - I will try adding it to the header. Thanks for all your help.
Posted 10 years ago # -
It all works - many thanks.
Posted 10 years ago # -
You are welcome.
As I can see you have duplicate items in your widget, you can fix that too.
Please click on 'OUTPUT FILTERS' link in the secondary menu, set 'Dupe filter' option to 'Filter items with duplicated TITLEs', then click on "Save" button.Posted 10 years ago #
Topic Closed
This topic has been closed to new replies.