Short Description on Shop Page

Hello,

You are using the PHP code to show the short description in the shop page. You need to define the class in the PHP Code.

Like this:

add_action( 'woocommerce_after_shop_loop_item_title', 'pk_shop_product_short_description', 35, 2 );

function pk_shop_product_short_description() {
    echo '<div class="shop-description">';
    the_excerpt();
    echo '</div>';
}

Then, add the following custom css code in the theme settings to control the description.

.shop-description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Number of lines to show */
  -webkit-box-orient: vertical;
}

Best Regards.

Hello,

Please remove the old code and add new one.

Best Regards.

Hello,

Please remove the old code and add this code.

add_action( 'woocommerce_after_shop_loop_item_title', 'pk_shop_product_short_description', 35, 2 );

function pk_shop_product_short_description() {
    echo '<div class="shop-description">';
    the_excerpt();
    echo '</div>';
}

Best Regards.

Hello,

After adding the PHP code, add the following custom css code in the theme settings to control the description.

.shop-description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Number of lines to show */
  -webkit-box-orient: vertical;
}

Best Regards.

Hello,

Now Check back your site and check the issue. You can set the Number of lines to show in for the sort description in the custom css code.

Best Regards.