Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Product Display (Images)


Hotclutch

Recommended Posts

@Hotclutch thanks for this question! Didn't plan a post on Sunday but am happy to share :) 

So, product images in osCommerce v4:

1. You can have any number of images linked to a product. The only limitation is common sense and design restriction, if any. 

2. When uploading images, the system will automatically resize them into a bunch of different sizes, used for different purposes - like Zoomed in, regular product info page, product listing, various boxes and smaller listings, etc. Naturally, resizing is done proportionally

3. Images can be hosted on a separate server (or in a separate cloud), talking CDN here 

4. Watermark - this can be configured for each sales channel, and you can have watermark in 3 sizes applied to images. You can also mark some images to NOT apply the watermark.

5. Zooming in on the product info page opens a lightbox 

6. Images can be uploaded from your computer, or the system can use a so called "external image" - in that case instead of uploading files you'd need to specify its URLs.

7. Languages - osCommerce v4 allows to link product images to languages; so if you have different product images for different languages - osCommerce v4 is your platform!

8. Drag and drop - need to re-order images - just drag and drop

9. Images to attributes - this is a cool feature. It allows to link images to particular attribute values. When the user changes attribute values in the front end, the system can re-load images associated with the chosen value(s). 

10. Import / Export - of course you can export images along with products and import them into the system as well, in batches 

11. Image SEO - you can specify ALT tags in a template to be used across the whole site as such, but you can also override them for each image. What's even better, you can change image's URL to make it more SEO friendly.

Please feel free to post your follow up questions here! :) 

osc image 2.png

osc image 1.png

Edited by osCommerce-Official
Link to comment
Share on other sites

About the Import / Export, it will be witch format, csv and how via mapping or just full upload ?


Regards
-----------------------------------------
Loïc

Contact me by skype for business
Contact me @gyakutsuki for an answer on the forum

 

Link to comment
Share on other sites

1 minute ago, Gyakutsuki said:

About the Import / Export, it will be witch format, csv and how via mapping or just full upload ?

CSV and XML in some cases, but mostly CSV now. And API of course! 

Mapping - yes, it is possible to map fields to the ones in osCommerce.

It is possible to do it manually or set up an automated job - we will be posting about it soon!

Link to comment
Share on other sites

Great post. Watermark and the drag & drop as stock features sounds very good.

BTW wrt to automatically resizing of images, in the HTML output will the resized width and height dimensions be specified, or will it just be left blank as in the current osCommerce ?

This is important for SEO, otherwise the browser has to do the resizing.

Link to comment
Share on other sites

13 minutes ago, Hotclutch said:

Great post. Watermark and the drag & drop as stock features sounds very good.

BTW wrt to automatically resizing of images, in the HTML output will the resized width and height dimensions be specified, or will it just be left blank as in the current osCommerce ?

This is important for SEO, otherwise the browser has to do the resizing.

This is an excerpt from the dev site taken right now:

 

<img src="/images/products/1067/2371/600x600/1070624.webp" alt="Buy Warehouse Graphic Palm Print Midi Dress 3 from" itemprop="image" title="Warehouse Graphic Palm Print Midi Dress 3 in Women's" class="main-image" srcset="/images/products/1067/2371/600x600/1070624.webp 469w, /images/products/1067/2371/500x500/1070624.webp 391w" sizes="(min-width: 1001px) 469px, (max-width: 1000px) 391px">

Link to comment
Share on other sites

1 minute ago, Hotclutch said:

Usually when there is no width="x" height="y" specified on the <img> tag it causes a problem. You can maybe check on a validator like gtmetrix or page speed to confirm what i am saying.

Thanks Ashley, will pass it onto the dev team!

Link to comment
Share on other sites

3 minutes ago, Hotclutch said:

I will give you a break now and ask some more questions during the week 😁 Have a nice Sunday.

lolol its OK - keep it coming! Always happy to discuss how to make osCommerce a better Ecommerce platform! 

You have a nice Sunday too!

Link to comment
Share on other sites

Is the above product page showing the tunic live on the dev site? I was not able to find it and it looks to be nicer than any of the current product pages and shows some interesting features in the image so I wanted to see if I could play with a live version.

Link to comment
Share on other sites

8 hours ago, sackling said:

Is the above product page showing the tunic live on the dev site? I was not able to find it and it looks to be nicer than any of the current product pages and shows some interesting features in the image so I wanted to see if I could play with a live version.

Sorry, it is a client's live site and can not post the URL here for confidentiality reasons. But it is a real site with real functionality of course.

Link to comment
Share on other sites

29 minutes ago, 14steve14 said:

Will it be possible to use the latest image formats?

Could you please kindly elaborate on which particular formats you're referring to?

Just to confirm, images are served to user's browsers (and Google of course) in the WEBP format, and osCommerce v4 converts originally uploaded images automatically.

Link to comment
Share on other sites

17 minutes ago, osCommerce-Official said:

Could you please kindly elaborate on which particular formats you're referring to?

Just to confirm, images are served to user's browsers (and Google of course) in the WEBP format, and osCommerce v4 converts originally uploaded images automatically.

That answers my question.

REMEMBER BACKUP, BACKUP AND BACKUP

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...