Thumbnails in uStore

[Rob Gunston]

Hi,

Does anyone know how to make the thumbnail image that shows on the uStore products page to be any bigger? It's tiny on modern, high resolution desktops!

Thanks

Rob

[couch]

Do you mean:

1) the height/width of the thumbnail in the product grid? (It should be possible to adjust the div containers with css.)

2) the resolution of the default thumbnail that is shown in the product grid? (By default, the thumbnail jpg is created by the packaging of the template in indesign. Of course, you can create another jpg to use and update the thumbnail in uStore admin by editing the product in question)

3) the size of the "refresh preview" that is generated for dynamic products? (the preview is created by uProduce "proof" job ticket that you create before adding the product to uStore. You can increase the preview size by doing another proof in the dashboard, setting the type to jpg and increasing the resolution. For business cards, I normally  use 144dpi. Then check the ID of the new proof job in the job centre, and finally edit the product and set the proof job id to be the new one you just created.

[Rob Gunston]

Sorry, to clarify:

I mean the size of the thumbnail in the product grid.

I can change the height and width to make this bigger inthe CSS and upload a larger proof file, but the image shown still very lo res.

If I click to 'enlarge' the thumbnail in uStore the resolution is fine, but the actual image shown in the product grid seems to be a tiny 100 pixel high version of the image, automatically generated by uStore.

How can I make this tiny image bigger?

Thanks again

[couch]

I see what you mean now. The image is delivered by a proxy handler which may be changing the resolution.

I can't see any global configuration settings or web.config app settings that control it.

Probably one for you to log to support?

[Rob Gunston]

Done. Will report on progres.

[Simon Knott]

Rob

I had the same issue, support said that image is set to 100x100 pixels and cannot be changed and if you enlarge using the css it looks pixelated exactly as you said it does.

I have logged this myself but the more people we get to raise as an issue the more likely it will get addressed!

Regards

Simon Knott

[Guillaume Besnier]

A Swiss customer of us was in the same situation last year.
I raised a Feature Request to the XMPie Product team.
Meanwhile, I decided to develop my own alternative image proxy, as our customer could not wait.
If really needed, I can share the code.

---

Expéditeur : Simon Knott
Date de réception : Vendredi, Septembre 30, 2016 10:44AM
Destinataire : Xmpie Interest Group
Sujet : [xmpie-users] Re: Thumbnails in uStore

 

--
You received this message because you are subscribed to the Google Groups "XMPie Interest Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to xmpie-users...@googlegroups.com.
To post to this group, send email to xmpie...@googlegroups.com.
Visit this group at https://groups.google.com/group/xmpie-users.
For more options, visit https://groups.google.com/d/optout.

[Simon Knott]

Funny enough to get over this issue I have done something similar in that I have overlayed an iframe with my own custom sized thumbnails on the top of the categories page.

You can add the HTML to do this in the description box under the "Storefront Groups" section for each product group you have and link each custom thumbnail to the URL to the product. 

Regards

Simon Knott

[Rob Gunston]

Thank for your input everyone.

Please could you share your code Guillaume?

NB Simon we have previously tried your workaround using an iFrame, but this is not practical for us given the volume of products we are uploading/changing on a daily basis.

Rob

On 30 September 2016 at 22:02, Guillaume Besnier <guillaume....@gmail.com> wrote:

A Swiss customer of us was in the same situation last year.
I raised a Feature Request to the XMPie Product team.
Meanwhile, I decided to develop my own alternative image proxy, as our customer could not wait.
If really needed, I can share the code.

---

Expéditeur : Simon Knott
Date de réception : Vendredi, Septembre 30, 2016 10:44AM
Destinataire : Xmpie Interest Group
Sujet : [xmpie-users] Re: Thumbnails in uStore

 

Rob

I had the same issue, support said that image is set to 100x100 pixels and cannot be changed and if you enlarge using the css it looks pixelated exactly as you said it does.

I have logged this myself but the more people we get to raise as an issue the more likely it will get addressed!

Regards

Simon Knott

On Friday, September 30, 2016 at 2:19:20 AM UTC+1, Rob Gunston wrote:

Done. Will report on progres.

On Friday, September 30, 2016 at 1:45:11 PM UTC+13, couch wrote:

I see what you mean now. The image is delivered by a proxy handler which may be changing the resolution.

I can't see any global configuration settings or web.config app settings that control it.

Probably one for you to log to support?

--
You received this message because you are subscribed to the Google Groups "XMPie Interest Group" group.

To unsubscribe from this group and stop receiving emails from it, send an email to xmpie-users+unsubscribe@googlegroups.com.

To post to this group, send email to xmpie...@googlegroups.com.
Visit this group at https://groups.google.com/group/xmpie-users.
For more options, visit https://groups.google.com/d/optout.

--
You received this message because you are subscribed to a topic in the Google Groups "XMPie Interest Group" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/xmpie-users/wU_ix95qDNo/unsubscribe.
To unsubscribe from this group and all its topics, send an email to xmpie-users+unsubscribe@googlegroups.com.

[Bryan Baker]

If the offer still stands, I would appreciate the code, Bill. Thanks!

[Bill]

My workaround comes in 4 parts:

• a Store JavaScript (to be added to the store via uStore Admin > Stores > the store > Store Settings > Add JavaScript to Storefront (see attached); the width of the thumbnails can be set up via this line, which stands at the top of the code:

const MAXIMUM_IMAGE_WIDTH = "200";

• an ASCX file, to be stored in X:\XMPie\uStore\App\CustomerApp\Controls (attached);
• a DLL file, to be stored in X:\XMPie\uStore\App\CustomerApp\bin (attached) - please notice that the copy of this DLL to this location will log all current end-users out; it's a well known side effect with ASP;
  
• maybe some skin specific setup, such as:

.ProductListImage
{
    max-width: 200px;
    max-height: 115px;
}

[Simon Knott]

Bill 

Just implemented this and have to say it works perfectly thank you very much!

Regards

Simon

[pad...@gmail.com]

Dear Bill, I tried your method, but no luck, I have downloaded your files, and rename them as you mentioned
 but when I open in the sublime text they are showing in digits no code can't be seen, I think this is the case why it's not working, can you provide me the instructions and necessary files to enhance the thumbnail.

[Simon Knott]

No renaming is required all the files are zipped up though so you may have to unzip them first before then you just have to as per Bills instruction place the ASCX and DLL file in the locations he provided and then add the javascript from the .js file supplied to your store then add the CSS to your store style.

[John Davidson]

Bill - I was able to full implement this image setup, but when I search for an image rather than go through the product groups it remains small. Is there an easy fix for this?

Best, John

[guillaumebesnie...@gmail.com]

"when I search for an image" - could you elaborate?

Bill - now with west-digital.fr

[John Davidson]

Bill:

Thank you for responding to my inquiry. When someone logs in to the site and selects a category, they will see the below, which is perfect.

If they use the search bar in the upper right to search for an image, then they get the below as the results:

So, its reducing the image size again. Is there any fix that I can put into place for this?

Best, John

[couch]

First I would check for browser cache problems by clearing all browser history and restarting the browser - or test using a different browser that you have not used with the storefront before.

Second, i would use the browser developer tools / inspect to try and identify the difference between the two pages.

[John Davidson]

In reviewing the Javascript, I found that the Search page comes back as "-1"

    if (myLocationPathname.indexOf(URLPART_SLASH_CATEGORY_SLASH) == -1)
             return;

I am still trying to determine why it comes up as negative 1 when there are actually 5 items on file for this search.

[John Davidson]

In reviewing this even more, it is getting the myLocationPathname of the Search page and then indexes the number of images for the page based on Category when there is really no category for this page. If that makes sense?

[couch]

-1 means that the value being searched by "indexOf" was not found in the string.

[John Davidson]

Correct - I changed the "/Category/" slash statement to "/Search/", this seemed to fix my issues, but when it indexes it finds 9 which are the total images on the site and not the total that show up on the searched page which was 5. So, I am still working on this, but for the time being this will get me through the presentation I have next week. If anyone has any ideas for why its not indexing the correct number, please throw them my way.

Steve - as always, thank you for your reply and help!

Best, John