Redesign of products_listing module BS3 (Grid/List display)

[milerwan 42]

For osc v2.3.4 BS and Frozen

Hi all,

I just finished the complete redesign of the display of products from the module "products_listing" (includes/modules/products_listing.php).
It is still a Bootstrap 3 database but I have retouched the CSS in order to obtain elements that appear or disappear depending on the nature of the grid poster (Grid or List) which is useful for metamorphosing l 'together according to the dimensions of the page and adapt it to the line or thumbnail structure so that the elements do not overlap.

Here is a link to an example of the rendering obtained : Enhanced Products Listing BS3

Let me know your suggestions.

[YePix 42]

your problem lies in the unevenly managed
in your place I would think about the EU laws regarding the online shop.

[milerwan 42]

On 4/9/2020 at 11:36 AM, YePix said:

your problem lies in the unevenly managed
in your place I would think about the EU laws regarding the online shop.

What do you mean ?

[burt 5,612]

I had a long reply typed out, pressed submit and then the page locked up and I lost the lot 😕

I cannot be bothered to type it all out again, so here is a précis;

1. Too much information on a page leads to customer turning off
   Get rid of all the things that the customer does not want to know.
   If you have to have it, put it hidden away on the product_info page.
2. We spent 1000s on UX/UI over the years, most recently a year ago.
   I got a company to get random people in off the street and sit them in front of a computer with a list of things to do/find.  
   Conclusion that relates to your post: Joe public - generally - do not use the grid/list feature.

All that said, if you believe it is useful for your shops demographic, good for you. 

[YePix 42]

1. What you need and what you have to use when you run an online shop in the EU are two different things. Translate the two pages. easiest (with chrome).

https://www.it-recht-kanzlei.de/frankreich-vorvertragliche-informationspflichten.html
https://www.e-recht24.de/artikel/ecommerce/8060-recht-online-shop-abmahnsicher.html

****************************************************

2. Take a look at these contrib times and adapt them to your shop. If you use Phoenix, it must be adjusted in any case.
https://apps.oscommerce.com/2G1Sc

[milerwan 42]

 

On 4/11/2020 at 7:30 PM, YePix said:

1. What you need and what you have to use when you run an online shop in the EU are two different things. Translate the two pages. easiest (with chrome).

https://www.it-recht-kanzlei.de/frankreich-vorvertragliche-informationspflichten.html
https://www.e-recht24.de/artikel/ecommerce/8060-recht-online-shop-abmahnsicher.html

****************************************************

2. Take a look at these contrib times and adapt them to your shop. If you use Phoenix, it must be adjusted in any case.
https://apps.oscommerce.com/2G1Sc

@YePix

Thank you for this information, I will add it later.
About grid display, I have noticed that the height of some pictures was not good (and too big in fact) and I reviewed the height of the images in grid mode.
This looks better than before.
NB: About the use of jQuery for automatic height, I favored the CSS solution proposed by Burt which has the advantage of adapting in real time to the screen format resizing.

@burt

Burt, I took note of your remarks concerning the relevance - or not - of an online posting and I reworked the whole so that this type of posting presents a real interest compared to the grid system.
I also reviewed the height of the images in grid mode as written above...
Now what do you think of the result ?

NB: To get the estimate delivery, you need to add a product and go to shopping cart to have your country logged than you can go back to the "products_listing" page to see the result.

Here is a link to see the result : Enhanced Products Listing BS3

[burt 5,612]

If you believe your changes work for your demographic;   

I don't particularly like it as much as you do, but then you have many things in your site that I don't like  

And as we always say;  your site, your rules.

[kgtee 77]

@milerwan

The list view is a useful feature for shops that have a long list of products. I am sure some shops look forward to having this feature.

I would love to see if you could make it into a module, alternative to the existing product_listing module for Phoenix. Cheers!

[Peper 13]

Whole lot of undefined errors: https://www.infinitydream.com/mobiles-tablets-apple-iphone-3gs-phones-c-127_128_61_62.html

Default langauge is English, yet some buttons is french
Google wants to translate
Compact and clean site

[elcentenario 0]

Hello, the design itself is quite good, the main problem is that it has too much content on the same page that can confuse the user. The pages with blank sides distract the user much less, increasing profits with your company.

Then, I have seen things that you do very well, such as the products linked within a product, the description and the evaluations.

I think, you should focus on offering the information that the user is only looking for.

Greetings, I hope it helps you.