Add Short Desicprtion

Hello Team,

I appreciate your theme and support; thank you for helping me make my website beautiful. 🙂

I have a request for assistance. I would like to add a short description on my shop page, where the title is aligned to the left, and the price is aligned to the right. I want a brief 1-2 line description below the title. Additionally, I do not want to display the “Add to Cart” button. Please help me with this.

also for the better understanding have shared the Shop page URL below

Best regards,

Hello,

01. WoodMart allows to set different designs on hover in the product grid. One of the options is “Hover content”. You can find this option in the Theme Settings > Product Archive > Product Style.
As soon as you choose this option you have the option you choose what content to show in this block: https://monosnap.com/file/swCqK6RIIrYuhoROH6YOkEfBjfPMKx

02. I have checked your site and the add to cart button already is not showing on your site.

Best Regards.

Hello,

Thank you for your quick reply.

I want to add a description, not a hover effect, without changing any theme settings.

Best regards.

Hello,

The Short description feature is available in the “show summary on hover” products styles. You need to choose this style if you want to show a short description.

Best Regards.

Hello,

No, I don’t want to display a short description on hover.

I have changed the product setting.

Hello,

Try to add the following PHP code snippet to the child theme functions.php file.

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

function pk_shop_product_short_description() {
     the_excerpt();
}

Best Regards.

Hello,

Its code working fine but the issue is I want to hide the hover effect and the product title should be left and the price should be right. and hide the add-to-cart button.

Best

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Hello,

Kindly find the wp login details in the private content section.

Hello,

I have shared the wp login details, have you checked the website?

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

[class*="title-line-"] .product-grid-item .wd-entities-title {
    display: flex;
    flex-direction: row;
}
.product-grid-item .price {
    position: relative;
    left: 120px;
    bottom: 20px;
}
.product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .add-to-cart-loop span {
    display: none;
}

Best Regards.

Hello,

this code working fine, but the price is now shown on the right align can you help me out of this issue? please find the screenshot attached.

Attachments:

You must be logged in to view attached files.

Hello,

You need to increase the “left” value in the css code per your requirements.

Best Regards.

“I’ve already aligned the text on the left, but the price text hasn’t shifted to the left. can you please do it for me.

Hello,

Your issue has been resolved. I have added the left property in your site in the previous code. Check back your site and check the issue.

Best Regards.

Hello,

Can you please find the screenshot, the price is not visible on the right side. can you please check this issue for me? the pricing is shown in the position shown on the different screens.

Best

Hello,

To fix this, you can use a media query in your CSS. Here’s a simple example:

@media screen and (max-width: 768px) {
.your-price-class {
/* Your CSS code to adjust price position for smaller screens */
}
}

This code will help ensure the pricing shows up correctly across various screen sizes. Let me know if you need further assistance!”

Best Regards.

[Author]

Posts