Adding text and customizing entry-wrap on woocommerce shop page for products

BandidoBrewing · April 17, 2020, 7:49pm

Good afternoon,

I have spent several hours looking for a way to add text or manipulate the entry-wrap found on the shop page that corresponds to each product. I did not find any solutions via customization, categories, the product page, or Woocommerce options.

Here is the page. Each thumbnail that corresponds to a product has a transparent black bar that shifts up when the mouse hovers over the thumbnail. It would be nice to customize both its style, and the text. As of now there is no way to see the name of each product on the shop page.

Does X Theme provide a more intuitive editing platform for this section of woocommerce shop?

bandidobrewing.com/shop

Thank you in advance.

friech · April 17, 2020, 11:49pm

Hi @BandidoBrewing,

Thank you for writing in, the name and price of the products are not showing because of your custom CSS, please remove that.

header.entry-header {
    display: none;
}

While that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here. We can not provide support for customizations.

Because what you are trying to accomplish requires a template customization, we would highly 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 check out these guides:

gist.github.com

https://gist.github.com/om4james/9883140

functions.php

<?php
/**
 * Add the product's short description (excerpt) to the WooCommerce shop/category pages. The description displays after the product's name, but before the product's price.
 *
 * Ref: https://gist.github.com/om4james/9883140
 *
 * Put this snippet into a child theme's functions.php file
 */
function woocommerce_after_shop_loop_item_title_short_description() {
	global $product;

This file has been truncated. show original

https://www.cloudways.com/blog/display-product-description-in-product-pages-on-woocommerce/

Cheers!

BandidoBrewing · April 18, 2020, 12:19am

Awesome Friech. Thank you for the help and pointing me in the right direction. I’ve installed child theme.

Abrazos

ruenel · April 18, 2020, 4:44am

You’re welcome!
We’re glad @Friech were able to help you out.

system · April 28, 2020, 4:44am

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.