Community Forums › Forums › Archived Forums › Design Tips and Tricks › Help with WooCommerce Sale Products in Genesis/Clip Cart theme
Tagged: ClipCart, sale products, WooCommerce
- This topic has 5 replies, 2 voices, and was last updated 10 years, 9 months ago by David Chu.
-
AuthorPosts
-
June 12, 2013 at 5:00 pm #45583katymartinMember
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/June 13, 2013 at 8:35 am #45663David ChuParticipantHi,
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.
.woocommerce .products br { display: none; } .woocommerce span.onsale { margin: -8px 8px 0 0 !important; }
Dave
Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers
June 13, 2013 at 12:28 pm #45707katymartinMemberDavid - 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
June 13, 2013 at 1:44 pm #45716David ChuParticipantKaty,
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
GodummyGodaddy. ๐ 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
June 13, 2013 at 1:48 pm #45717katymartinMemberDave - 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!
June 13, 2013 at 1:52 pm #45719David ChuParticipantKaty,
You're very welcome. You're cool, talk to you again sometime. ๐
Dave
Dave Chu ยท Custom WordPress Developer – likes collaborating with Designers
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.