Decor and WooCommerce and Genesis Connect

[tibc]

I don't know how to get the individual product pages to inherit the theme style (position and nice corner graphics).

http://gemswithlove.com/necklaces/ Shows a category page that has the style.

http://gemswithlove.com/shop/necklaces/n02162/ Shows a product page that loses the style.

Otherwise all is well.

Any ideas?

(Note: if I disable Connect, the product page moves down and the WooCommerce breadcrumbs appear at the top of the content column)

(Note2: I did add theme support for woocommerce and genesis connect in Decor's functions.php along with forcing use of the WooCommerce css; and I am using updated files all around)

 

[David Chu]

Hi,
I have run into that, too. I'm sorry, I don't have a quick solution. A dirty little secret about Woo Commerce (and really any Woo product) is that Woo uses TONS of styling on any element. And my designer friend with whom I make many sites is VERY particular about what she wants, so I have to un-style and re-style Woo Commerce pages big time. Many premium themes are like this or worse, and I've blogged about it.

I'm guessing you know this, but.... Woo does have some self-awareness, so they give you an option to shut off all Woo styling for Woo Commerce. That's not a panacea, though. Then you may have to style it all over again, because stock Genesis code won't address all their elements, spacing, blah blah, that's what I found. You could try it, though, painlessly, and see if it inherits more of the Genesis goodies.

With Woo, you either buy into their frou frou CSS wholeheartedly, or end up writing a lot of CSS overrides. Nothing too tough if you're a CSS hacker like me, the biggest pain was getting things to fit in sidebars. And if you do anything at all exotic with sidebars, like swapping them or moving them around, the Genesis Connect is a must.

Maybe someone else will have additional ideas.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[tibc]

Dave,

Thanks for your sympathy.

Hopefully somebody can either show me how to style the Woo page to match the Decor page, or how to get Decor to handle the Woo data.

I hate being so close yet without a solution to my single-product page problem.

 

[David Chu]

Hi,
I hear ya, that's frustrating. I must say, though, that both those pages really look great! I like the contrast between the 2 layouts. (it's way better than the things I was referring to in my backstory, which were misshapen) Is the client putting the screws to you for those changes?

After taking a closer look, I actually can see an answer to make that happen. I often can give someone a nice sprig of CSS to do something like this. But this is a bit more involved, requiring HTML markup AND CSS, so some PHP programming involved, and possibly an additional template. Definitely a bigger deal.

So I suppose the choice isn't too bad... sticking with a pretty nicely done existing page, or getting a coder in there to do some alterations.

Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[tibc]

Dave,

The client isn't pushing. But my uneducated sense of acceptability says that the linen background showing through the individual product page looks a bit unfinished.

I like Decor's page styling for displaying jewelry. I'll keep digging and hoping for a solution to the conflict with Woo's single product pages.

[Author]

Posts