Search Results / Preview - Hide Description, Show Price & Availability

Site URL: https://www.endofanear.com/

Hello!

For the search results and search quick previews, is it possible to:

• hide product description
• display product price
• display product availability (sold out) 

Site-wide, I only want the product title, product image, price, and availability to appear when searching.

Does anyone know if this be done through CSS or something?

Thanks! 🐌

SITE: www.endofanear.com

Hi,

Hide product description. Possible

Other. Impossible.

If you need to hide product description, let me know, we will give the CSS

17 hours ago, tuanphan said:

Hi,

Hide product description. Possible

Other. Impossible.

If you need to hide product description, let me know, we will give the CSS

Thanks for the info! Please let me know how to hide the product description!

On 12/9/2020 at 10:46 PM, robertwyatt said:

Thanks for the info! Please let me know how to hide the product description!

Add to Home > Design > Custom CSS

.sqs-search-container-item .sqs-content {
    display: none !important;
}

Hi @tuanphan

Thanks for the code. It seems to work in my search bar in my desktop header & mobile menu, but when I hit return and go to the search page, the product title also disappears...

https://littleberrybutton.co.uk

Do you have any suggestions? Thank you.

The class selector .sqs-content includes the title and the description. The description is nested within span tags so  you could use this:

.sqs-search-container-item .sqs-content span {
    display: none;
}

Hi @tuanphan, I am trying to hide the product description on this page as if I remove it, the product feed to FB & Google gets rejected. 

https://wvcharge.squarespace.com/waev-charge-store/p/waev-charge-ev1

Is it possible to hide it so it is not visible on the product but still in the product feed. 

On 2/12/2023 at 7:13 PM, HG-Design said:

Hi @tuanphan, I am trying to hide the product description on this page as if I remove it, the product feed to FB & Google gets rejected. 

https://wvcharge.squarespace.com/waev-charge-store/p/waev-charge-ev1

Is it possible to hide it so it is not visible on the product but still in the product feed. 

Edi Additional Info > Add a Code Block > Paste this code

<style>
  .ProductItem-details-excerpt {
    display: none !important;
}
</style>

If FB/Google still reject, try this

<style>
  .ProductItem-details-excerpt {
    visibility: hidden;
}
</style>

or

<style>
  .ProductItem-details-excerpt * {
    font-size: 0 !important;
}
</style>

Thank you @tuanphan, I will give this a try