Welcome, Guest ( Customer Panel | Login )




 All Forums
 VPCart Forum
 VP-Cart 8.0 Hint''s and Tips
 Grid view as default view?
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

motonet
VP-CART New User

Spain
79 Posts

Posted - February 03 2016 :  05:29:48  Show Profile  Reply with Quote
Hi.
I´m trying to make GRID VIEW the default view for shopdisplayproducts. I ´ve been reading the tips about how to make grid view the only view, but I want to offer the possibility to customers to change to List view too. So, is there any way to make GRID VIEW the default view?

Better yet, the ideal would be, to have the option to choose grid list for desktop (default), and list view(default) for mobile devices, and still have the option to change them

Thanks
Saludos
Diego

danielrichardson
VP-CART Super User

Australia
276 Posts

Posted - February 08 2016 :  10:15:30  Show Profile  Reply with Quote
VPCart actually have a help note for this. check this out:

http://helpnotes.vpasp.com/kb/17-Product-Formatting-Templates/1184-How-to-Display-only-Grid-View-in-Your-VP-Cart-Product-Listing-Page/
Go to Top of Page

motonet
VP-CART New User

Spain
79 Posts

Posted - February 11 2016 :  07:31:19  Show Profile  Reply with Quote
I have read the article that you refer before, but it is not what I´m looking for.

I would like that GRID VIEW would be the default view, but to keep the option to change to LIST VIEW

Maybe could be an option, to be taken into consideration for a future update. I

Thanks anyway

Saludos
Diego

Go to Top of Page

danielrichardson
VP-CART Super User

Australia
276 Posts

Posted - February 17 2016 :  08:19:57  Show Profile  Reply with Quote
Hi Diego,

Have you tried to set xproductfiltering to Yes from "Software Configuration"?
Go to Top of Page

vaheh
VP-CART New User

USA
115 Posts

Posted - February 18 2016 :  02:32:55  Show Profile  Visit vaheh's Homepage  Reply with Quote
Hi Diego,

There is very easy trick you can do if I am getting your question correctly.
Open:
tmp_productformat.htm from template folder and you should see 4 main div container. 2 of those are for mobile(grid + list) and 2 are for desktop.(grid + list)

One of mobile div and one of desktop div has "hide" as part of the class name. Simply change the place! take out hide from the mobile one and put it for the other mobile view. and do the same thing for desktop.

Those 4 div containers are as follows:

Default Desktop List View:
<div class="row desktop_view product-view productformat product-list-row-view" style="">

Hidden Desktop Grid View:
<div class="desktop_view product-view grid-list-row-view hide" style="">

Hidden Mobile Grid View:
<div class="mobile_view product-view grid-list-row-view hide" style="">

Default Mobile List View:
<div class="row mobile_view product-view productformat product-list-row-view product-list-row-view">

Best,
Vaheh
Go to Top of Page

motonet
VP-CART New User

Spain
79 Posts

Posted - February 28 2016 :  21:19:10  Show Profile  Reply with Quote
Hi Vaheh. I did what you suggested. It works great. I only changed the view for desktop, since I wanted to show grid view for desktop, and list view for mobile.

Thanks to you and thanks to danielrichardson too, for the idea.

Saludos
Diego

Edited by - motonet on February 28 2016 21:20:56
Go to Top of Page

vaheh
VP-CART New User

USA
115 Posts

Posted - March 01 2016 :  12:58:02  Show Profile  Visit vaheh's Homepage  Reply with Quote
Cool.
Go to Top of Page

serjtankian
VP-CART Super User

Armenia
378 Posts

Posted - March 04 2016 :  13:50:56  Show Profile  Visit serjtankian's Homepage  Reply with Quote
works like a charm! thanks vaheh






*serj*
Go to Top of Page

vaheh
VP-CART New User

USA
115 Posts

Posted - March 07 2016 :  11:41:34  Show Profile  Visit vaheh's Homepage  Reply with Quote
You are very welcome Serj.
Go to Top of Page

motonet
VP-CART New User

Spain
79 Posts

Posted - May 16 2016 :  04:57:54  Show Profile  Reply with Quote
Hi. Here again with this post.

We are making test with 8.1, already in our live site. The grid/list option works very good. I´m not saying excelent because I can´t find the way to show easily 4 columns instead of 3 (our site has no right column so that space is empty in Desktop view)

So my questions are

1- Is there a way to make grid list the default view for a general search? (Since in each catergory, is posible to choose the mode in products listing pages)

2 -Is there an easy way to make the grid to show 4 columns instead of 3?

Thanks
Saludos
Diego
Go to Top of Page

danielrichardson
VP-CART Super User

Australia
276 Posts

Posted - May 30 2016 :  08:09:22  Show Profile  Reply with Quote
@Diego,

for point #1, what you mean is you want to add ajax search in each category inside grid/list?
Go to Top of Page

motonet
VP-CART New User

Spain
79 Posts

Posted - May 30 2016 :  16:26:56  Show Profile  Reply with Quote
Hi Daniel.

No. I don´t

When we search an item from home page, for example, the results in shopdisplayproducts, are listed always as a List and never as a grid by default. Or at least is what I can see.

So what I wanted to know, if there is a simple way to choose GRID as default view for the search result in shopdisplayproducts.

Thanks for your interest.

Saludos
Diego
Go to Top of Page

ryo_best
VP-CART New User

90 Posts

Posted - May 30 2016 :  21:56:54  Show Profile  Reply with Quote
Hi Diego,

To make grid list as the default view, there are easy way to do this on v8.1, you can adjust this via your software configuration.

all you need to do just set xproductfiltering_defaultmode to grid, and your default view will be in grid mode, including for search result.

Hope this helps.

Go to Top of Page

motonet
VP-CART New User

Spain
79 Posts

Posted - June 05 2016 :  15:32:33  Show Profile  Reply with Quote
Hi ryo

Thank you. I have added xproductfiltering_defaultmode to DB and tested, and worked when I make a search before clicking a category.

I have categories list mode as LIST, and I set up xproductfiltering_defaultmode to grid. If I click on the category before making a search, the LIST mode overrides the GRID default mode, and the search result is in LIST and not in GRID mode.

I think that filtering an display modes, are a little bit complicated for coding, and surely will improve in time.

Saludos
Diego
Go to Top of Page

danielrichardson
VP-CART Super User

Australia
276 Posts

Posted - June 13 2016 :  12:18:55  Show Profile  Reply with Quote
Hi Diego,

I found vpasp helpnotes about default grid view.

http://helpnotes.vpasp.com/kb/17-Product-Formatting-Templates/1184-How-to-Display-only-Grid-View-in-Your-VP-Cart-Product-Listing-Page/

If you don''t want to disable the list view option, simply apply the solution starting at Step 4.
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00