How to Display only Grid View in Your VP-Cart Product Listing Page

Normally, the products page will have two options for customers to browse, Grid view or Listing view (see the two icons in the top right).



Below is the steps you can try if you only want to show in Grid view :

1. Open file shopgridlist_subs.asp using notepad or text editor.

2. Locate this line and remove it:

<button type="button" class="btn btn-default list-view-btn" aria-label="Justify"><span class="fa fa-list" aria-hidden="true"></span></button>

3. Save the file and upload to your site.

4. Open file tmp_productformat.htm located in folder "templates\default" using notepad or text editor.

5. Locate this code in first line :

<div class="row desktop_view product-view product-list-row-view" style="">

6. Please change to :

<div class="row desktop_view product-view product-list-row-view hide" style="">

7. Locate this code (around line 34):

<div class="desktop_view product-view grid-list-row-view hide" style="">

8. Please change to :

<div class="desktop_view product-view grid-list-row-view" style="">

9. Save the file and upload to your site.

You can try to refresh the shopdisplayproducts.asp page in browser and it should look something like this :

---