Jump to content
Hotclutch

Product Display (Images)

Recommended Posts

How will these work in the new osCommerce, how many pics per product, and what options are there wrt uploading of product images ?

Share this post


Link to post
Share on other sites
Posted (edited)

@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

Share this post


Link to post
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

 

Share this post


Link to post
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!

Share this post


Link to post
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.

Share this post


Link to post
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">

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
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!

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
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!

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

Will it be possible to use the latest image formats?


REMEMBER BACKUP, BACKUP AND BACKUP

Get the latest Phoenix version here

It's easy to say to yes every question.

Share this post


Link to post
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.

Share this post


Link to post
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

Get the latest Phoenix version here

It's easy to say to yes every question.

Share this post


Link to post
Share on other sites

Another way more fast and usable than drag and drop is copy and paste, when paste bitmap the script generate the image and rename it or if paste text with url get image...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×