Home › Forums › WoodMart support forum › Add Short Desicprtion

Add Short Desicprtion

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • March 1, 2024 at 7:29 am #545242

    shweta
    Participant

    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,

    March 1, 2024 at 1:25 pm #545393

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 4, 2024 at 8:12 am #545849

    shweta
    Participant

    Hello,

    Thank you for your quick reply.

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

    Best regards.

    March 4, 2024 at 12:12 pm #545941

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 4, 2024 at 12:16 pm #545950

    shweta
    Participant

    Hello,

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

    March 4, 2024 at 12:25 pm #545951

    shweta
    Participant

    I have changed the product setting.

    March 4, 2024 at 3:16 pm #546023

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 4, 2024 at 3:38 pm #546035

    shweta
    Participant

    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

    March 4, 2024 at 4:07 pm #546057

    Aizaz Imtiaz Awan
    Keymaster

    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

    March 4, 2024 at 4:10 pm #546062

    shweta
    Participant

    Hello,

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

    March 5, 2024 at 10:12 am #546227

    shweta
    Participant

    Hello,

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

    March 5, 2024 at 10:45 am #546244

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 5, 2024 at 12:18 pm #546274

    shweta
    Participant

    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.
    March 5, 2024 at 4:21 pm #546391

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

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

    Best Regards.

    March 6, 2024 at 7:13 am #546518

    shweta
    Participant

    “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.

    March 6, 2024 at 11:41 am #546575

    Aizaz Imtiaz Awan
    Keymaster

    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.

    March 12, 2024 at 7:34 am #548280

    shweta
    Participant

    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

    March 12, 2024 at 1:27 pm #548423

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 18 posts - 1 through 18 (of 18 total)