Jump to content
Sign in to follow this  
milerwan

Redesign of products_listing module BS3 (Grid/List display)

Recommended Posts

Posted (edited)

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. :)

Edited by milerwan

Osc v2.3.4 BS "custom"
PHP 7.3 compatible (710 modified files => o_O')

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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 ?


Osc v2.3.4 BS "custom"
PHP 7.3 compatible (710 modified files => o_O')

Share this post


Link to post
Share on other sites

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. 


Help shape the future of Phoenix; join the Phoenix Club

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Posted (edited)

 

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

Edited by milerwan

Osc v2.3.4 BS "custom"
PHP 7.3 compatible (710 modified files => o_O')

Share this post


Link to post
Share on other sites

If you believe your changes work for your demographic;  :thumbsup: 

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 :D 

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


Help shape the future of Phoenix; join the Phoenix Club

Share this post


Link to post
Share on other sites
Posted (edited)

@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!

Edited by kgtee

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
Sign in to follow this  

×