Documents : Dynamically generate thumbnail images : Comments

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Thu, 10 May 2012 14:41:50 GMT

Great stuff, Daniel! One thing to note is that this code will not work for catalog images or if you choose to add the product image to the online cart. In either case, you can use some CSS to control the width of the image and place the image in a container with a width and height setting that is also set to overflow hidden. Also, concerning the cart image, if you use the large product image for both the list and details view (using the re-sizing method above for the list), you can then use the small image solely for use in the cart layout.

Carol | BCGurus.com | http://bcgurus.com/Business-Catalyst-Templates for only $7

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Fri, 01 Jun 2012 16:14:36 GMT

I followed your code and I got the results I needed. But, I have a problem. I am using this code for a Small Product Display photo. Now I cannot click on the photo to take me to the Large Product Display. Did I miss something in the code? I placed the code in the module template in place of the {tag_smallimage}, as shown below...

<br />

</div>

Any thoughts?

Chuck

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Fri, 01 Jun 2012 19:32:24 GMT

Hey Chuck,

Just wrap the image in an anchor tag with the href="{tag_itemurl_nolink}"

so:

Carol | BCGurus.com | http://bcgurus.com/Business-Catalyst-Templates for only $7

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Fri, 01 Jun 2012 22:25:38 GMT

Perfect! Thanks Carol!

Chuck

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Thu, 28 Jun 2012 23:24:04 GMT

Does anyone know if this will work in an email campaign and then display properly in major email clients?

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Fri, 29 Jun 2012 03:20:30 GMT

Hi Pat,

This will not work inside the email campaigns. You can only use the tag which are present inside the Tag Dropdown in email campaigns.

Cheers,

-mario

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 13 Aug 2012 15:10:11 GMT

I am trying to do this with a webapp item but it is not working for me -

Produces no image and shows everything after the last } on the webpage - here is my example - im building this using a webapp and the user upload 2 images for each "item" - trying to display these small but clickable to larger size -

http://romanfarm.businesscatalyst.com/for-sale/26-acres-for-sale

Not sure what i am doing wrong - thanks in advance!

Tom Cuneo

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 13 Aug 2012 15:46:09 GMT

Hi Tom, use _value instead of _nolink. Also make sure the field type is image.

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 13 Aug 2012 15:52:01 GMT

Thanks SO much Carol for the quick reply -

That seemed to work partially lol :-)

Ive updated the link above - ive got two images, the second is now showing but full screen the first is not with the Action tied to it..

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 13 Aug 2012 15:54:31 GMT

Just to add when i view the element in source it is showing the right path to the image itself -

Thanks again - this is my first real webapp and it is going to be cool when i get it going :-) Love learning new stuff!

Tom

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 13 Aug 2012 17:09:50 GMT

I got it figured out :-)

Thanks again Carol - much thanks for taking the time to help! It is very much appreciated

Tom

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 20 Aug 2012 14:40:46 GMT

Hi Tom,

I was on vacation so sorry to miss your two replies! Happy to hear you got it working!

Carol

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 20 Aug 2012 14:44:44 GMT

No worries Carol :-) Again thanks for your time -

Im enjoying the web apps the more i dig into it. Got some great ideas for our customers i can now build for them using web apps. Once i get past the learning curves of the system could be dangerous LOL

In fact we got one client just because of being able to meet their desires using webapps ;-) I'll be a guru yet ;-)

Tom

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Sun, 16 Sep 2012 04:00:42 GMT

Hi Daniel,

Thanks for the info.. but is there any way of applying "fill_proportional" to the thumbnails which are generated for the photo gallery module in BC?

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Sun, 16 Sep 2012 23:34:46 GMT

Take a look at http://kb.worldsecuresystems.com/134/bc_1345.html#main_Photo_Gallery_Modules

The format for the photo gallery is:

{module_photogallery,ID,rowLength,targetFrame,resultsPerPage,Width,Height,UseStandardMetho d,ThumbnailAlgorithm}

ThumbnailAlgorithm can be set to fill_proportional

-mario

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 12 Nov 2012 14:11:41 GMT

Hi:

I am trying to get this to work in IE8, on the cart page, but the image is not being scaled down - unfortunately with setting the container to a height/width of 100px and overflow to hidden - I just see a little bit of the image in the cart. Looking at the piece I can see, I can tell the image is the usual 600px size - so it is still large. Any thoughts?

I also saw where it was mentioned I could use the {tag_smallimage} for the cart layout, but I can not get that tag to populate images. It just shows the text, when you go to the front end of the site.

http://childtocherish01.businesscatalyst.com (this is the site, not yet launched, although we are shooting for this week)

Thanks so much for any assistance that can be offered.

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 12 Nov 2012 21:46:13 GMT

Inside the shopping cart you need to use {tag_productimage} which should render the small product image. 600px would not be a small product image. Please find that image inside the file manager and make sure that the size is correct.

-m

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 12 Nov 2012 22:21:15 GMT

Thanks. The one issue is that I was trying to create the site so the client did not have to scale their images manually - I wanted them to be able to load up an image (even a large one) into the product edit screen and then in the different places where the image is going to be used I would have code scale it down automatically. I actually found a solution by noticing it was working on the OXO Template in BC. I matched its CSS settings, and now the images are showing correctly in IE.

Thanks again for the help.

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Thu, 06 Dec 2012 12:27:19 GMT

Hey guys,

just an update, the thumbnail API has been updated.

You can now specify just a single dimension (width or height) and the system will proportionally resize the other dimension.

Cheers,

Dan

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Fri, 14 Dec 2012 19:51:41 GMT

Can this technique be used for resizing Catalog images as well?

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Wed, 19 Dec 2012 00:14:47 GMT

Hi Natenoob,

Looks like this method can't be used for catalog images. The reason is that you can't output the raw path of the catalog image using a tag (e.g. /image/catalog-image.png).

The {tag_image} tag in the catalog layout outputs the full <img src....> HTML so adding the thumbnail parameter would end up being <img src="/image/catalog-image.png">?Action=thumbnail&Width=80&Height=80.

Cheers,

Daniel

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Wed, 19 Dec 2012 01:21:47 GMT

Thanks! Do you recommend png format over jpg? I've noticed some graphical errors when resizing gif images, but so far jpg is working for me

Sent from my iPhone

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Wed, 19 Dec 2012 01:23:22 GMT

I find jpg works quite well

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Thu, 11 Apr 2013 06:04:17 GMT

Hi,

I am struggling to get my cataloge image to resize automatically in cataloge view.

This is the current code that is there:

<div class="image">{tag_image}</div>

</div>

Is it even possible to adjust the code to resize thhe image?

Thanks

Steve

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Sun, 28 Apr 2013 01:42:55 GMT

You say at the very top of this page:

Adding code to generate a thumbnail image from an existing image

Begin by accessing the source code for the page. Select Site Manager > Pages and select the page from the tree view.

Where do I insert the code for my individual products pages that are each under a different catalog? Do I have to enter it more than once or just once? Please show me where. My Site Manager>Pages doesn't list pages for my products. Thank you. Also, here is the code I made for the product images. I may alter the size according to my preference.

<img src="{tag_smallimage}?Action=thumbnail&Width=220&Height=317" /> Thanks for your help.

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 15 Jul 2013 01:01:15 GMT

Yes having the same problem Does not seem to work on catalogue images.

RE: Dynamically generate thumbnail images

forums_noreply@adobe.com — Mon, 28 Oct 2013 15:22:58 GMT

Hi,

I have setup BC thumbnails on my web app Latest News on my site but I cannot get the large image to display. http://www.sunnysideinstantlawn.com.au/news/home-show-and-garden-expo-display-with-carly-a nd-leighton

http://www.sunnysideinstantlawn.com.au/news/home-show-and-garden-expo-display-with-carly-a nd-leighton Any help would be greatly appreciated.