Show “Short description” on product grid view
-
Hi.
Would it be possible to show the Product short description/Excerpt bellow the product title in grid view?
Or is there any view that will show: product title, short description and add to cart button without having the user perform an action?
Thanks!
Hello,
If you want to show a short description. You need to choose the “show summary on hover” style. Navigate to Theme Settings > Product Archive > Product Styles > Choose the “show summary on hover” product style. Then, show “excerpt” in the Hover content in the Theme Settings > Product Archives > Product Styles.
This product style will show your short description on grid products: https://ibb.co/hFb3kmhn
Best Regards,
Hi.
Thanks for your answer. I meant to always show the summary. Not when the user hovers.
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,
It\’s no trouble at all. Please see bellow.
Hi again.
Where is this empty space coming from: https://prnt.sc/fTaF8wvgwUz9
Thanks!
Hello,
I’m currently unable to access your site. Kindly remove the IP restrictions so I can review the issue. I’m accessing the site from Pakistan.
Best Regards,
Good morning. I don’t have Pakistan blocked. See image.
Can you provide an IP so we can white-list it?
Thanks
Attachments:
You must be
logged in to view attached files.
Hello,
Try to add the following custom css code in Theme Settings > Custom CSS.
.wd-hover-with-fade .content-product-imagin {
display: none !important; /* hide the popover panel */
}
.wd-hover-with-fade .fade-in-block {
position: static !important;
inset: auto !important;
opacity: 1 !important;
visibility: visible !important;
padding: 0 !important;
border: 0 !important;
margin-top: var(--wd-prod-gap) !important;
gap: 0 !important;
}
Best Regards,
Hi.
The above code doesn’t do anything.
Hello,
The custom css is working fine on your site. I have checked your site and the short description is showing fine without hovering on your site in archive pages.
See Screenshot for clarification: https://postimg.cc/Z0VVk8D4
Please clear your site cache/ browser cache, or check the issue in the incognito window if the problem persists.
Best Regards,
Hi again.
Yes. It wasn’t saving properly. Would it be possible to make it work the same way on mobile?
It’s very strange you have 6 different view and none of them showing except.
Thanks!
Hello,
Yes, the same behavior applies on mobile devices as well. Please try to check the short description in mobile devices.
The hover panel is always visible on mobile, The short description shows without any hover or tap on all small screens.
Best Regards,
.
