[allcalParticipant]

A few questions:

1. I added (css below) to remove the page titles which worked but it also removed the short product descriptions and product titles from the woocommerce shortcodes when calling products, which I want. How can we remove page titles without effecting the woocommerce shortcode output? I could go in each page’s cornerstone individually and click “remove page title”, just wanted to know if something universal was easier. Example page made from category shortcode with 3 columns: http://printmorespendless.com/allcal/test-tze-tape-page-block-layout

.page .entry-header {
display: none;
}

2. I added (css below) to get the current layout on a woocommerce category page: http://printmorespendless.com/allcal/product-category/p-touch/labeling-sys/desktop-models/
However, it also makes the woocommerce shortcodes have a 50% width; float:right; , which I do not want. Is there a way to style the shortcodes separately from the category page? Or is there a solution to have the current layout of the category pages, but have the shortcode category output look original at 100% width?

.entry-header{
float:right;
width:50%;
}

3. Lastly, the products have a lot of info in the short product description (like a table with prices) which do not fit well in a 3 column layout when using the woocommerce category shortcode. Is there a way for the shortcodes to just show the product image, then product title, then the title tag lines from the short product description only? Or can you hide certain parts of the short description from the showing in the shortcode output? If not, is there a way to make a custom field that replaces the short product description in the woocommerce shortcodes to add specific html to show for each product? Or is there a way to add the price table only to the single product page, but not in the short product descriptions so it isn’t called by the shortcode?

Thank you for any help.

[allcalParticipant]

After asking the above questions…Is there a way to mimic/duplicate a woocommerce category shortcode in order to apply a css class that only effect that shortcode?

[LelyModerator]

Hi There,

1.) You may also add this custom CSS below to negate the effect of that CSS to woocommerce shortcode:

.page .entry-product .entry-header {
    display: block !important;
}

2.) I can see that you have this custom CSS already to address this issue.

.shortcodecss .entry-header {
    width: 100%;
}

3.)To hide the table with prices, please add the following CSS:

.page .entry-product table {
    display: none;
}

I can see that you’ve wrapped the shortcode inside a container with class shortcodecss. By using that class, it will only affect the content inside it. Like what you did in #2

Hope this helps.

[Author]

Posts