Help with WooCommerce Sale Products in Genesis/Clip Cart theme

Community Forums Forums Design Tips and Tricks Help with WooCommerce Sale Products in Genesis/Clip Cart theme

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  David Chu 1 year, 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #45583

    katymartin
    Participant
    Post count: 20

    On the home page of this (test) site – http://seolsearchmarketing.com/halahala/ – which uses Genesis + ClipCart theme + WooCommerce, My sale products are not aligning with the other products – so they look jumbled/messy. These products are showing on the page using one of the WooCommerce shortcodes.

    I have tried various CSS combinations to try and get them to align properly, to ‘position’ the sale item better, but I am not having any luck. Can you suggest something that might work? I would sincerely appreciate any ideas you may have.

    http://seolsearchmarketing.com/halahala/
    #45663

    David Chu
    Participant
    Post count: 1371

    Hi,
    Part of my job description has become Woo Un-Styler for Woo Themes, Woo Commerce, and now Woo Sensei. :-) I’ve written elsewhere that they write SO MUCH CSS, and with all the trendy new commands, that altering it is almost an expert-level task. And it’s ironic that with all their vaunted hipness, they still resort to the cheesy “!important” command all over, the lazy coder’s way out. OK, rant over. :-)

    Having products display in a grid can be a real challenge. One obvious challenge is when the product content quantity and size varies. I might do something like forcing them all to be the same height, but that doesn’t quite work in this case because of the sale thingie. And another complicating factor is that they have a break tag between the sale thingie and the image.

    Here’s some code that nullifies the break tag and then slightly re-positions the sales thingie. Yes, because of their blessed !important, I had to add one, too. So I’m a dork as well. :-) I tried to maintain the general idea of the sales thingie’s placement. You could adjust that code to taste, and do things like pushing it down into the box. There’s still the problem of varying heights, but it looks a bit more tidy this way.

    [css]
    .woocommerce .products br {
    display: none;
    }
    .woocommerce span.onsale {
    margin: -8px 8px 0 0 !important;
    }
    [/css]

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #45707

    katymartin
    Participant
    Post count: 20

    David – It’s, err, a “relief” to know that I am not the only one that is baffled by the shear density of the WooC. CSS.  —and by that annoying <br> and inline styling. Thanks for the above – it worked perfectly! Thank you so very much!!

    While we are on the topic of excess css, can you recommend anyone that can review this site and help speed it up. It is very slow at times and I don’t know if it’s because of all the CSS from Genesis+Themedy+ClipCart – and now WooC. The problem exited before I added woocommerce. I am worried about SEO an conversions.

    Cheers, Katy

    #45716

    David Chu
    Participant
    Post count: 1371

    Katy,
    Glad that worked! We need all the Woo help we can get! I get around with themes, and I’ve seen CSS that’s even denser than theirs. It’s a huge pain even if you know what you’re doing and have proper tools! The commonality seems to be with theme providers where the “look” is given more importance than functionality and speed. The sellers know that people are attracted to bright and shiny objects. If you ask some of these providers about hooks and filters, they’ll say, “huh?”

    Speaking of speed, you’re right to be thinking about SEO’s connection to speed. Unfortunately I don’t have a person to recommend for that. When I see slowness, my first look is always at hosting. And often, it’s Godummy Godaddy. :-) I can see the server name of your site’s host, but it doesn’t ring any bells. You could always give Pingdom a try, and other things like it.

    I would also look at page elements, but I see your site is on the down-low right now. People will grab live feeds from Facebook and 10 other social media locations, and ask why their site is slow. :-) They also like to add photos direct from the digital camera so they’re MUCH too big. But since you’re obviously well-informed, I’ll assume you’ve covered all that. Of course, caching can be helpful.

    Cheers, Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #45717

    katymartin
    Participant
    Post count: 20

    Dave – this feedback is so thorough and useful, thank you!

    The slideshow has been slow (ain’t that often the case) – but I removed it for a while yesterday and tested the site on Google Site Speed again and it didn’t make a difference. Maybe I was too hasty asking Google to check. Maybe their report is not truly live.

    Anyway, I think it is greater than the plugins in this instance as I have another site on the same system and it is showing slow signs too. Frustrating.

    Again -thanks for your incredibly helpful insights! I’m off on the hunt for s site speed fixer!

     

    #45719

    David Chu
    Participant
    Post count: 1371

    Katy,
    You’re very welcome. You’re cool, talk to you again sometime. :-)
    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.