nobswebdev/nullcart
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix sf procuct detail page main image display

Browse Source
This commit is contained in:
nobswebdev
2026-08-28 19:18:43 +02:00
parent 60fa44bc32
commit f45b4916d5
2 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/src/modules/storefrontCore/public/css/storefront.css
+10 -3
View File
@@ -1051,14 +1051,21 @@ a:hover {
} }
} }
.sf-product-gallery__main { .sf-product-gallery__media {
display: block; display: block;
width: 100%; width: 100%;
aspect-ratio: 1; aspect-ratio: 1;
object-fit: cover; background: var(--sf-surface-muted);
border-radius: var(--sf-radius); border-radius: var(--sf-radius);
border: 1px solid var(--sf-border); border: 1px solid var(--sf-border);
background: var(--sf-surface-muted); overflow: hidden;
}
.sf-product-gallery__main {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} }
.sf-product-gallery__thumbs { .sf-product-gallery__thumbs {
backend/src/modules/storefrontCore/views/partials/variant-image-gallery.hbs
+2
View File
@@ -1,5 +1,6 @@
{{#if selectedImageUrl}} {{#if selectedImageUrl}}
<div class='sf-product-gallery'> <div class='sf-product-gallery'>
<div class='sf-product-gallery__media'>
{{> storefront-image {{> storefront-image
class='sf-product-gallery__main' class='sf-product-gallery__main'
src=selectedImageUrl src=selectedImageUrl
@@ -8,6 +9,7 @@
height='1' height='1'
fetchPriority='high' fetchPriority='high'
}} }}
</div>
{{#if galleryImages}} {{#if galleryImages}}
{{#if (gt galleryImages.length 1)}} {{#if (gt galleryImages.length 1)}}