Solved

Change default view - list vs grid

Posted on 2014-07-25
13
1,567 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
MS Dynamics Made Instantly Simpler

Make Your Microsoft Dynamics Investment Count  & Drastically Decrease Training Time by Providing Intuitive Step-By-Step WalkThru Tutorials.

 

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

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

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

Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
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).

617 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