Resizing window that js images appear...

User 2157581 Photo


Registered User
7 posts

Hello, The title might be a bit confusing but what id like to do is have the javascript that opens images a certain size. Currently im working with images the are portrait and they dont look very good with the landscape canvas. Any way of doing this?

Please and thanks!
User 187934 Photo


Senior Advisor
20,271 posts

Do you have a link to share?

I would like to see how they look.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 364143 Photo


Guest
5,410 posts

I believe he is talking about product images in the shopping cart.
CoffeeCup... Yeah, they are the best!
User 2157581 Photo


Registered User
7 posts

Im talking about all the white space when the image is clicked on.
Attachments:
User 2157581 Photo


Registered User
7 posts

Sorrry it hard for me to explain :P but the image should explain it
User 103173 Photo


VP of Software Development
0 posts

You do have some control over that in Shopping Cart Designer Pro. With this program you can set the height and width of all your images in your shop. You can see an example here at http://swag.coffeecup.com/viewitem.php?productid=63
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 117361 Photo


Ambassador
6,076 posts

David...the trick is to not attempt to create thumbnail sizes. I tend to make all my images about 500 x 500 px and they fill those little boxes nicely without leaving any white space around the image.
Then you do as Scott says in the Designer Pro to control the general sizes of your images in the various situations.
User 38401 Photo


Senior Advisor
10,951 posts

Another trick you can do is create a background to put your images on that would then fit the 500 x 500 that Janys is suggesting, which is a very good size to work with. Just make the backdrop whatever color or image texture you want it to be, save it so it's a separate image, then in an image editor take your photos of your products and drop them onto that background and save it with a different name. Now you have images that all match in backgrounds, borders or whatever you added to that background image.

Make sure your product photos are a little smaller than 500 x 500 when you do this too so they fit nicely on your background. Just another possible idea to work with.
User 364143 Photo


Guest
5,410 posts

So what you are saying is that a instead of using a pic, he can use a pic? :rolleyes:
CoffeeCup... Yeah, they are the best!
User 187934 Photo


Senior Advisor
20,271 posts

I think it's a pic of a pic.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.