Price is hidden when hovering

Store Design
, ,

Topic summary

A user is experiencing an issue where product prices disappear when hovering over items on their store, which uses the Essentials theme. Despite attempting various code modifications, the problem persists.

Proposed Solution:

  • Another user suggests adding a CSS rule to the end of the base.css file
  • The code forces price opacity to remain at 1 (fully visible) during hover states on collection product cards
  • Implementation path: Shopify Admin → Online Store → Themes → Edit code → base.css

Status: The discussion remains open, awaiting confirmation on whether the CSS fix resolves the hover visibility issue.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

When I preview my store in the link, the product pricing is hidden when I hover over the product. I have tried every piece of code and have done all the necessary modifications, but the problem is still persisting. I am using the Essentials theme. Here is my storefront with password:

Password: QAGOLFF

1 Like
2

@kaankurt25 please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.collection-product-card .card-wrapper:hover .price {opacity: 1 !important;}
1 Like