Solved

Change default view - list vs grid

Posted on 2014-07-25
13
1,423 Views
Last Modified: 2014-07-27
Hi - I would like to change the default view of store items in the store page. It was Grid by default, then it was changed, now need to change it back. Not sure where to make the switch. Here's the dev site: store page

I have a child theme.

Any tips greatly appreciated. thx!
0
Comment
Question by:Trevor Local
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 4
  • 2
13 Comments
 
LVL 19

Expert Comment

by:NerdsOfTech
ID: 40221271
It shows up as a list on this end. Try checking cookie or session settings, if any.
0
 

Author Comment

by:Trevor Local
ID: 40221506
Right - I want to switch it back to grid view. It's not cookies - the switch was made a couple months back. thx
0
 
LVL 15

Expert Comment

by:eemit
ID: 40221824
You can choose whether grid or list view be set as the default via the WooCommerce settings screen:
WooCommerce/Settings/Products/Default catalog view.
0
Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

 

Author Comment

by:Trevor Local
ID: 40221868
I don't see any option for anything related to catalog view in the Products tab.
0
 
LVL 15

Expert Comment

by:eemit
ID: 40221949
Sorry Trevor Local, I forgot to mention that this is for the Plugin "WooCommerce Grid / List toggle".
0
 

Author Comment

by:Trevor Local
ID: 40222225
Ok I tried installing that plugin. It defaults to the grid view. It didn't work on my site, though. And it also adds another "toggle view" content to the page, which jacks it up.
0
 
LVL 15

Accepted Solution

by:
eemit earned 500 total points
ID: 40223015
Yes, you can't use both.
This grid/list toggle is in /wp-content/themes/crispy/js/functions.js
Search for // The toggle
Therefore you should check your theme's settings, maybe an option exists to set default view.
0
 
LVL 19

Expert Comment

by:NerdsOfTech
ID: 40223030
DEACTIVATE / remove BOTH toggles from your page; then, [redo] these steps:
1. GOTO
http://wordpress.org/plugins/woocommerce-grid-list-toggle/
2.    Upload woocommerce-grid-list-toggle to the /wp-content/plugins/ directory
3.    Activate the plugin through the 'Plugins' menu in WordPress
4.    Choose the default setting on the catalog tab of the WooCommerce settings screen as GRID
5.    Done!
0
 

Author Comment

by:Trevor Local
ID: 40223066
eemit - I have the original version of the functions.js file, so I will compare that vs current. There's no option within the theme, I already asked the author.
0
 

Author Comment

by:Trevor Local
ID: 40223100
Thanks eemit. That was it! So how did you know it was in there?
0
 
LVL 15

Expert Comment

by:eemit
ID: 40223159
I knew script pattern of plugin "WooCommerce Grid / List toggle" and that your theme must have similar script. Firebug has helped in Search.
0
 

Author Comment

by:Trevor Local
ID: 40223172
Nice. thx!
0
 

Author Closing Comment

by:Trevor Local
ID: 40223176
thank you!
0

Featured Post

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Build an array called $myWeek which will hold the array elements Today, Yesterday and then builds up the rest of the week by the name of the day going back 1 week.   (CODE) (CODE) Then you just need to pass your date to the function. If i…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

739 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question