Site is looking fine on desktop, but mobile????

[TheGrimReaper]

Subfolders are quite a good idea because it does help keep things clean and nicely organized. That's probably why I never use subfolders...

But, it still is a good idea, especially if you plan on having A LOT of products. Here's why. There's a very common limit on shared hosting accounts that doesn't let you list more than 10.000 files in FTP clients, so if you have more than 10k images in your main images directory, you won't be able to see it all, nor delete the ones after the count limit. That's where subfolders come in extremely handy.
One idea is to use products_id as subfolder, but requires you to first insert a product and then edit and upload an image. So, let's say you insert a new product and it's ID is now 956 - you would edit the product and upload the image to /images/956/
Also, this will help your load times for the product_info page because Zen Cart has to "scan" the entire folder and then has to try and match file names to determine if one of those images is an additional image. Now imagine the main image sitting in the /images/ folder with 15.000 other images - Zen Cart has to read the entire folder, build a list of all those files, then check if the extension matches, then check if the file name matches... I don't have any numbers on the processing time, but I'll bet my a** it's faster to scan a dedicated folder and either find no extra files or go through just a few files which will most likely all match...
And last, but not least - maybe someday you'll decide to add a "rollover" image (it's that cute feature where a different product image shows when you hover the main one on listing pages). If that happens, your product_listing page will now have to do the same process described above, only multiplied by the number of items shown on that page...
Oh, yes, there's one more scenario which can mess things up - similar image names. As you grow your store, you might start forgetting about the product names you used before, or maybe you'll just use whatever the supplier gave you. Maybe you'll forget that you had added an image named "fridge.jpg" and you'll now add a new product with the image named "fridge_samsung.jpg". The new product will be fine, but the one you added before will show the "fridge_samsung.jpg" as an additional image because it does match the pattern...

So, if you're just starting fresh, and you DO plan on having lots of products (and therefore images), maybe don't ditch the subfolders idea too fast...

One thing I find missing in the docs is the advice to use lowercase letters on all of your images. Although we're all mostly hosted on *nix servers, there's still Windows servers out there running ZC. Windows are NOT case sensitive, so image.jpg is the same as Image.jpg or imAge.jpg or whatever combination, whereas *nix servers ARE case sensitive so image.jpg can be a picture of a horse, and Image.jpg can be of a plane... And this can very easily cause confusion.

And lastly... The image attached *might* give you an idea on additional images and their naming.
Attachment 19405

Hummmmmmmm..... Maybe I have a fault with armyjeep101, armyjeep102 etc. Originally I had it armyjeep1_1, armyjeep1_2 thus armyjeep1_1_MED armyjeep1_2_MED etc, but that wasn't working so I went the other way....... I reckon I COULD redo them all again and see....input? I'll seriously consider the sub-folders again, your logic was my logic for trying the first 20 times - LOL

[TheGrimReaper]

And yeah, there's going to be so many products I wonder if I'll live long enough to see them all, I DID get a pretty late-in-life start. Doggoneit, I need the fountain of youth, there's a rumor it's in Florida.

[TheGrimReaper]

Regarding the use of lowercase, there's couple of articles somewhere, I think written by the good DrByte -Image Filename conventions and Image Preparation-how to that indirectly address the use of caps in files names, and then the forum posts by lindagal2, mc12345678 and the Dr. "How do I add _MED and _LRG product images?" all in aggregate, including examples, my mind merged everything and I figured out to use all lowercase---- Not to bad for me really! I use upper case MED and LRG though.....

[TheGrimReaper]

Hey! How'd I become a Zen Follower all of a sudden???

[DrByte]

Hey! How'd I become a Zen Follower all of a sudden???

Persistence pays off, young padawan.

[DrByte]

I highly recommend a browser other than Safari, anything else will do, Safari, as I understand it from a very wise fella, just can't cut the leading edge webp extension.

Ya, this is how your site with .webp images looks on the latest Safari browser:
https://share.getcloudapp.com/GGu6AOX8
https://share.getcloudapp.com/d5uweG8b
https://share.getcloudapp.com/rRukL8JL

[DrByte]

I have 15 each size, armyjeep101.webp thru armyjeep116.webp - same names for 15 ea armyjeep101_LRG and armyjeep101_MED.
armyjeep101-armyjeep116 are in images (125x125), so 15 of them
armyjeep101_LRG.webp (thru 116) are in images/large (1000x1000), 15 more
the _MED's are in images/medium (250x250) and, yup, 15 more

You said "armyjeep101.webp thru armyjeep116.webp".
If you've told Zen Cart that your main image is armyjeep101.webp (and not armyjeep1.webp) then it will only ever recognize all the "101" files.
But if you tell it that "armyjeep1.webp" is the the main image, then for "additional" images it will detect all the armyjeep1xxxx.webp files that you add.

It doesn't do any "counting". It doesn't try to understand "numbers". It only recognizes "suffixes after the base name".


BTW: You don't need 15 _MED images. Default Zen Cart only uses the first one.

[TheGrimReaper]

Looking deeper, and beginning to over think.........

armyjeep101 in images (small) uploaded in admin
armyjeep102 BAD in images (small (unless that's the one uploaded in admin))
armyjeep101_MED is good
armyjeep101_LRG is good

Either is good, but ONLY if the small in images is armyjeep101 OR armyjeep102 - I can't have more than 1 armyjeepxxx in images (small). If I have armyjeep102, 103 etc, they get ignored and the only armyjeep10x_MED and _LRG (whichever one was administratively uploaded) are going to be the extras

Wow, articulation is getting difficult......

ok, let's try this:

armyjeep101 uploaded in admin

therefore

armyjeep101_MED
armyjeep101_LRG
armyjeep102_MED
armyjeep102_LRG
armyjeep104_MED
armyjeep104_LRG
and on down the line are all good UNTIL.....
armyjeep111_MED /_LRG is bad because we left the armyjeep10x and entered into the armyjeep11x twilight zone?

Which means, I need to rename to something like

armyjeep1_01 small in images
armyjeep1_01_MED
armyjeep1_01_LRG
and on down the line are all good EVEN when.....
armyjeep1_11_MED
armyjeep1_11_LRG

then, the mighty Zen pats me on the back and rewards me with a big chocolate cookie?

[TheGrimReaper]

You said "armyjeep101.webp thru armyjeep116.webp".
If you've told Zen Cart that your main image is armyjeep101.webp (and not armyjeep1.webp) then it will only ever recognize all the "101" files.
But if you tell it that "armyjeep1.webp" is the the main image, then for "additional" images it will detect all the armyjeep1xxxx.webp files that you add.

It doesn't do any "counting". It doesn't try to understand "numbers". It only recognizes "suffixes after the base name".


BTW: You don't need 15 _MED images. Default Zen Cart only uses the first one.

So, the additional images that are supposed to show on the product page are only the smalls in images? I can get rid of the other 14 in medium (YAY!) but keep all 15 smalls in "images" (thumbnails) AND all 15 of the _LRG, the _LRG get called with a click on the smalls (thumbnails)? I can keep the current naming conventions of armyjeep1xx?

[TheGrimReaper]

So, the additional images that are supposed to show on the product page are only the smalls in images? I can get rid of the other 14 in medium (YAY!) but keep all 15 smalls in "images" (thumbnails) AND all 15 of the _LRG, the _LRG get called with a click on the smalls (thumbnails)? I can keep the current naming conventions of armyjeep1xx?

I deleted all but the armyjeep101 from medium, I used armyjeep101 small for the admin upload. I still have all 15 of the smalls in images and all 15 of the _LRG in large ...... no cookie yet!