Back to board

Voters 1

  • Avatar
1

Add this option - Grid view or List view in mobile version.

  • Done
Avatar
 Kazi Sabit

Add this option - Grid view or List view in mobile version. this option only available desktop now. Please add this for mobile too. Here is the screenshot check this


Add this option - Grid view or List view in mobile version.
  • 27-10-2022 -
A

Activity Newest / Oldest

Avatar

Jack Richardson

Status changed to: Done

Avatar

Jack Richardson

Hello @Kazi Sabit
We're excited to announce our latest update, featuring Header, Footer, Product Archive, Single Product, and Footer builders based on Elementor. We've developed numerous new Elementor widgets with a primary focus on code quality and speed optimization. Among these enhancements is the Grid/List switcher widget that can be added and hidden only on the demand on specific devices with option.

Explore all the new features in our changelog xstore.8theme.com/update-history/

Avatar

Jack Richardson

Hello @Kazi Sabit,
Thanks for the information !
As you know we implement first most-voted requests so we should wait untill your request will become more popular among others
Thanks for understanding !

P.S. for this time I will give you a CSS snippet which will get your question solved (gyazo.com/be43ab91ad202d404d002282fe45d640)

`
.filter-wrap .view-switcher {
display: flex !important;
margin-left: 5px;
background: transparent;
}
.view-switcher>[class*=switch] {
margin: 0;
}
.view-switcher>[class*=switch]~div:before {
display: none;
}
.main-products-loop .products-list .product .product-image-wrapper {
width: 35% !important;
float: left;
margin-bottom: 0;
margin-right: 0;
}
.main-products-loop .products-list .product .product-details {
width: auto;
float: none;
width: 65%;
padding-left: 15px;
vertical-align: middle;
display: table-cell;
padding-right: 15px;
}
`
Regards, Jack Richardson

A

Can you add this in future update? I don't know where to put this snippet. Could you do this for me?

A

Also can you add
1) Card view? Like one product card per row? like the first screenshot. This type of functionaly available already when you select 1 product per row. prnt.sc/p16bf9Z2HbeD
2) Also improve the List view with only Picture, Title, review and add to cart like 2nd picture. as you can see this is available in the product list element > prnt.sc/47zwoolDTI8s

Avatar

Jack Richardson

You may add next css to your child-theme/style.css or open Theme Settings -> Theme Custom CSS -> Global CSS
Regards

Avatar

Jack Richardson

Please, submit another request because it will be better for others clients to see main message of request and title rather than looking for comments like these ones.
Create the title which will be understandable for all clients
Ex: Improve Elementor Product Grid/Product List widgets.
Bad title example: Please, help me !

Regards, Jack Richardson

Avatar

Kazi Sabit

Posted a new one

A

This code is not working