sleepymonk

This has taken me quite awhile to find, but here is a simple css tweak to remove the tabs but keep the content

ul.tabs {display: none;}

Here’s the source website:
https://eliteeternity.com/remove-product-description-headingtitle-woocommerce/

Ok, found a post on another website to use CSS to hide the <h2> title on the product description tab.

.woocommerce .woocommerce_tabs .panel h2, .woocommerce .woocommerce-tabs .panel h2 {display:none !important}

Now I need to be able to hide the tab but show the content.

I’ve had this problem in the past, and it was usually because either I had the product set to private (I’m still testing), or I hadn’t selected the product attribute variation within the product itself, or I hadn’t set a price for the attribute variation. I think any one of those will cause this problem.

Hi Mike, thanks for the reminder. Mine is a testing site, to replace an existing html site. I haven’t gone live yet.

I’ll put something in place to test down/uploads of backups for future.

Hi Mike,

That’s interesting as they were not showing at all on the attributes page, everything was completely gone. On some products, they were showing as blank swatches, with slug text.

I’m getting a rollback to 2.0.14 from my host provider anyway. Will wait for 2.0.16 to age for awhile before I go through that again. I’m getting too old for this kind of excitement : )

I reported WC as broken on the main plugin page here. Prove me wrong please!

My main complaint was the variations plugin (which I had been working on since this morning).

My shop page ended up showing some products that were private, so I had to set them to hidden. I had one category page set up with only a few categories and it’s now blank.

What a waste of a day for me!

I deactivated all of my plugins also (except login lockdown and wp maintenance) and set theme to twenty third, and it’s still giving me the problem.

I also deleted my cache and tried again but no luck there.

It’s the update. I regret installing it. I have opened a support ticket for this.

There’s also a plugin for this Product Archive Customiser Plugin

I found that I had problems with mobile devices if I used more than 3 columns in a row. The button text needed to be shorter.

So I used this plugin to edit button text WooCommerce Customizer Plugin

I am not crazy about using a lot of plugins, but these helped me out for now.

Your summary sounds great, easy to understand in that respect, but I just don’t understand how to do it. I’m kind of slow in that respect.

I figured out how to hide the sales flash in the category page [without it taking up space] and still have it show up on the product detail page, so that works ok for me for now, I can go on to other things.

The most important thing was that I wanted my category images and text lined up horizontally without misalignments due to the sale flash. It would have been a bonus to have the sales flash overlay the image, but I guess I have to give up on that for now.

Thanks again.

Thanks for your help and examples!

I tried your code, but it’s hiding the sale flash for me (actually some of it is peeking up over the image from behind).

I tried some position commands and got some really wacky results : ) fun, but not what I was looking for.

This is what I currently have as edits to the sale flash. Right now the sales flash is hidden on the catalog pages, which is fine since it’s not causing misalignment any more. And it still shows up on the product page at the top.

I guess it’s a compromise. it will work for now.

/* sale flash edits*/
ul.advanced-recent-posts li img, .instapress img, .wp-post-image {
margin-top: 5px;
border: 0px;
background-color: #ffffff;
padding: 5px;
}
.gallery-item img, img.size-thumbnail {
border: 0px;
background: none;
padding: 4px;
}
/* edit sales flash*/
.woocommerce span.onsale, .woocommerce-page span.onsale {
padding: 4px;
font-size: 14px;
position: relative;
op: 6px;
left: 8px;
margin: 6px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

I am using Simple Themes Synapse theme. My web design person just finished tweaking the css for me and it looks really great, I’m happy with the theme, it has custom css too so I’m able to try things out as well.

Hi splashingpixels, thanks for the suggestion.

I made a brave attempt, but everything ended up on top of each other at the right side of the page! Not quite what I had in mind. I will try to experiment some more.

Hi again, apcgallery. That didn’t do the trick for me, it put the price up in the left corner (actually two prices, since the display is regular price crossed out and sale price beside it), so the sale button didn’t cover it up.

I tried a few more tweaks but wasn’t able to adjust it. I think I will start a new thread.

This is part of the code for the sale flash button:

.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
top: 0;
right: 0;
left: auto;
margin: -6px -6px 0 0;
}

Thanks, apcgallery. Yes, it was the price on the catalog items that I was referring to.

I just want to move the sale button to the upper left corner overlaying the product image, like you have done. This is helpful, I will give it a shot! I don’t usually put price in, but that might be useful.

I’d also like to change the shape of it, currently it’s a box, would like to make it round, any ideas there?

I’m just wondering what theme you’ve used as the basis for your website? It’s very nice, clean looking.

Thanks for your help.