magdev/wc-bootstrap
1
Fork 0
Code Issues Pull Requests Actions Releases 8 Activity

Fix product card images overlapping top border-radius

Browse Source 
Add overflow-hidden to the card <article> so the card's own
border-radius clips the product image at the top corners.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Marco Grätsch
2026-02-28 19:25:49 +01:00
parent f4877833cf
commit e234ba6449
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/content-product.html.twig
View File

@@ -21,7 +21,7 @@
#} #}
<div class="col"> <div class="col">
<article class="card h-100 shadow-sm product"> <article class="card h-100 shadow-sm overflow-hidden product">
{{ do_action('woocommerce_before_shop_loop_item') }} {{ do_action('woocommerce_before_shop_loop_item') }}
{# Product image with sale badge overlay #} {# Product image with sale badge overlay #}