Layout Issue – products displaying on left, under menu

Resolved chacotanz
(@chacotanz)

10 years, 4 months ago
I realize, from reading the forum posts that this is a common issue and that the solution must lie within the CSS, but I have tried everything I’ve read in the forums, including adding:
```
.inner {
margin: 0 auto;
max-width: 850px;
}
```
to my CSS and then referencing it in the Settings:

<div class="inner">...</div>

And adding:
```
#wpc-col-2 {
	width: 600px !important;
}
```
to my CSS.

In the category view, the items appear on the right, but All Products gives me all of the products under the menu on the left. I have tried inspecting the code differences between the All Products page and a category page – I know I’m missing something, but I can’t figure what?

I also have an additional problem with a (seemingly random?) product name appearing as the title of the All Products display.

Here is the page in question… note the title is currently showing as “ErgoBaby”, which is one of the products.

http://www.motheringtouch.ca/products/

Any help would be appreciated!

Thank you very much! 🙂

– m

http://wordpress.org/plugins/wp-catalogue/

Viewing 4 replies - 1 through 4 (of 4 total)

Thread Starter chacotanz
(@chacotanz)

10 years, 4 months ago

Aha! Bingo… I think I’ve found the solution to the products not showing on the right.

Still have the title issue though.

Thanks!

– m

Thread Starter chacotanz
(@chacotanz)

10 years, 4 months ago

Ugh… never mind.

Just created a new template for the catalog and now it works fine.

Sure fire way to figure out the solution to your problem – ask for help! 🙂

Thanks for the great plugin – it’s exactly what I needed!

– m

stevesmith1
(@stevesmith1)

10 years, 4 months ago

hi ChacoTanz how did you solve the problem? please assist
Thread Starter chacotanz
(@chacotanz)

10 years, 4 months ago
Hi Steve,

This plugin is designed with very few ‘hard’ formatting rules so that you can adjust everything in your own CSS without having to customize the plugin (which makes updates difficult). This is great, but it means that for many folks, it won’t display properly ‘out of the box’.

On the All Products display, it seems to be very common for the items to display below the menu on the left, instead of on the right. Maeve and other users have posed the resolution a bunch of times in a bunch of different ways, but in my case, adding the “inner” code (as described in my first post) wasn’t necessary, it was this code:
```
#wpc-col-2 {
	width: 600px !important;
}
```
that ended up doing the trick… but I didn’t get it at first because I had to reduce the width from 600px to 550px. Just add the code to your CSS and then fiddle with it until you hit the magic number. This tells the plugin how much space it has to work with in ‘column 2’, the right column.

As for the title showing up, that was just a function of the full-screen template I was using… so I just created a new template that didn’t echo the title and that went away (didn’t really ‘solve’ the problem I guess, just made it not an issue).

Hope this helps you 🙂

– m

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Layout Issue – products displaying on left, under menu’ is closed to new replies.

Tags