Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 18, 2021 at 5:19 am #1273213
    navindesigns

    1- On my page, I have a woo commerce product (The Butcher Special) with a title image and description but the description is NOT showing up. How can I make the description show up?

    2- Also, how do I change the thumbnail image? It is currently square size but the uploaded image is horizontal

    Grocery Delivery

    January 19, 2021 at 7:18 am #1273578
    Ismael

    Hey navindesigns,

    Thank you for the inquiry.

    1.) Where would you like the product description to display? When we click the product, it opens up a modal popup window. Is that where you want the description to show? Looks like you are using a custom plugin for the modal popup window.

    2.) You should be able to adjust the thumbnail size in the Product Image settings, which can be found under the Customizer, in WooCommerce > Product Images panel.

    Best regards,
    Ismael

    January 20, 2021 at 4:31 am #1273883
    navindesigns

    1- I would like the description to appear right there on the page below the text THE BUTCHER SPECIAL. I have added description in the page builder but it does not show up in the front end.

    2- Thank you!

    January 20, 2021 at 11:53 am #1274002
    Yigit

    Hey,

    Please add following code to bottom of Functions.php file in Appearance > Editor 

    add_action( 'woocommerce_after_shop_loop_item_title', 'wc_add_short_description' );
function wc_add_short_description() {
	global $product;

	?>
        <div itemprop="description">
            <?php echo apply_filters( 'woocommerce_short_description', $product->post->post_excerpt ) ?>
        </div>
	<?php
}

    Cheers!
    Yigit

    • This reply was modified 3 years, 11 months ago by Yigit.
    January 20, 2021 at 4:13 pm #1274096
    navindesigns

    Sorry but it is still not showing up

    Grocery Delivery

    January 21, 2021 at 4:59 am #1274280
    Ismael

    Hi,

    Thank you for the update.

    You can use this plugin to show the product description in the product archive pages and the base shop page.

    // https://docs.woocommerce.com/document/2-0/product-description-on-shop-page/

    Or use this snippet in the functions.php file to show the product excerpt.

       function ava_short_des_product() {
        the_excerpt();
    }
    add_action( 'woocommerce_after_shop_loop_item_title', 'ava_short_des_product', 40 );

    Best regards,
    Ismael

    January 22, 2021 at 2:56 am #1274568
    navindesigns

    thank you
    i added the php code to my functions and it showed up – https://www.priderockfarms.com/grocery-delivery/

    i have 2 final questions

    1- how do I change the text color to black of that description text?
    2- i added the description text as a list but it came up in one paragraph on the front end. how can I keep the list format? here is the list code I used

    • 2 lb. Ground Beef</span>
    • 2.5 lb. chicken cutlet (fileted add $5)</span>
    • 2 lb. Italian Sausage</span>
    • 1.5 lb. fresh Salmon</span>
    • 2.5 lb. Butchers Choice Steak (ribeye, filet, NY strip, porterhouse)</span>
    January 22, 2021 at 2:09 pm #1274717
    Yigit

    Hi,

    1- Please add following code to bottom of Quick CSS field

    #top .inner_product_header_cell p {
    color: black;
}

    2- HTML used in excerpt shows up fine on my local installation. I wanted to login and check your website however login credentials did not work for me. Could you please check them once again?

    Best regards,
    Yigit

    January 22, 2021 at 3:01 pm #1274749
    navindesigns

    Thanks

    Here is the screenshot of what I am seeing
    Screen-Shot-2021-01-22-at-7-59-34-AM
    There is no list, everything is combined into one paragraph

    See correct login below

    January 25, 2021 at 12:53 am #1275142
    Mike

    Hi,
    Sorry for the very late reply and thanks for the login, I see that your descriptions in include html and the the_excerpt strips html.
    I believe this function works: Allow HTML Tags in WordPress Excerpts please try adding this to your child theme functions.php

    Best regards,
    Mike

    January 25, 2021 at 1:30 am #1275145
    navindesigns

    Thanks

    I added it but now the formatting is all messed up. Would you mind taking a look again?

    Grocery Delivery

    Thanks

    January 25, 2021 at 12:41 pm #1275245
    Mike

    Hi,
    Thank you, I checked the /grocery-delivery/ page and a single product page /the-butcher-special/ and adjusted the css for ul & li in the excerpt, that would not normally show. The excerpt also wanted to show a “read-more” link that I didn’t think you wanted to show.

    .avia-product-slider1 > .avia-content-slider-inner > .products .inner_product_header_cell ul li,
.related.products > .products > .product .inner_product_header_cell ul li {
    width: 100% !important;
    margin: 0 0 0 17px !important;
    list-style: disc outside !important;
}
.avia-product-slider1 > .avia-content-slider-inner > .products .inner_product_header_cell > p,
.related.products .inner_product_header_cell > p{
	display: none !important;
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    January 25, 2021 at 3:18 pm #1275275
    navindesigns

    WOW

    You are amazing. Thank you

    Final request – how do I make the list/description color black instead orange?

    Grocery Delivery

    Thanks

    January 25, 2021 at 3:33 pm #1275282
    Yigit

    Hi,

    Glad Mike and Ismael could help!

    Please add following code to Quick CSS as well

    .avia-product-slider1 > .avia-content-slider-inner > .products .inner_product_header_cell ul li, .related.products > .products > .product .inner_product_header_cell ul li {
    color: black;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.