Docs

[gregrev]

Hi,
I have found several pieces of code in the forum related to my issue but none worked. I’m simply trying to center the product title, price and quantity available in the Product Archive (aka the Store).

http://altitudetritraining.com/store/

The Quantity Available field was added via CSS script.
Thank you for your help and for an amazing theme!

[Lely]

Hi There,

Please add the following CSS on Appearance > Customize > Custom > Edit Global CSS

.archive.woocommerce .entry-product {
    text-align: center;
}

Hope this helps.

[gregrev]

Worked!! Thank you so much!
This may be beyond X theme but I have an additional question, I added a “More details” button but the “add to cart” button still shows when mousing over the product image. Any way to remove the button?

Thank you again!

[Thai]

Hi There,

Please add the following CSS:

.woocommerce li.product .entry-header .button {
    display: none !important;
}

Hope it helps 🙂

[gregrev]

It did the trick! You guys rock!! Thanks.

[Thai]

If you need anything else please let us know.

[gregrev]

As it turns out I have several other questions, related to this page: http://altitudetritraining.com/product/week-end-716-717/

1. how do I remove the “Description” text in the bottom box for the product description
2. Can I rename “Product description” to something different?
3. In the related product section, how can I add the product picture?

Thank you!

Greg

[Rue Nel]

Hello There,

Thanks for the updates!

1] To remove the “Description” text, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce-tabs .description_tab {
    display: none;
}

2] What you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

After the child theme is set up, please add the following code in your child theme’s functions.php file to rename the “Product Description” text

// Rename Product Description
function rename_product_desc($translated) { 
  $translated = str_ireplace('Product Description', 'Your Text Here', $translated);
  return $translated; 
}
add_filter('gettext', 'rename_product_desc' );

3] You must add a feature image for your related product. Simply edit each product to add it.

Hope this helps. Please let us know how it goes.

[gregrev]

Thank you for the quick reply.

1. This actually removed the entire Description section. All I wanted to do was remove the label that says “Description”. Right now, it says “Description” and then “Product Description” right underneath, which is redundant. I only need to keep one of those label, it doesn’t really matter which one, whatever is easier.

2. I’ll try that.

3. I already have featured images setup for each product but they don’t seem to appear.

Cheers!

[Rue Nel]

Hello There,

1] To get rid of just the text, you can use this instead:

.woocommerce-tabs .description_tab a{
    display: none;
}

3] It sounds like you might be having an issue with a third party plugin JP related posts. Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

For more information about JP Related post, you can check it here: https://jetpack.com/support/related-posts/

Thank you for your understanding.

[gregrev]

1. Perfect, this worked!

3. I’ll try deactivating a few plugins and see what happens. I can live with it if need be. How would I go about remove that section (related products) in case I wanted to?

Thanks again for the quick support, this has been so helpful.

[Joao]

Hi Greg,

Add the following code to your Appereance / Customizer / Custom / CSS

#jp-relatedposts { 

display: none !important;

}

Hope that helps,

Joao

[gregrev]

Got it! I think I’m all set. Ready to go live! Thank you for all the help and quick responses.

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts