k.gold/web_work
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fix

Browse Source
This commit is contained in:
kirill.khorkov
2025-12-17 20:42:54 +03:00
parent f4f57bd153
commit 07289608e5
8 changed files with 7058 additions and 6395 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
public/product.php
View File

@@ -66,6 +66,66 @@ try {
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<style>
.product__gallery {
width: 350px !important;
max-width: 350px !important;
flex-shrink: 0 !important;
}
.product__main-image {
width: 350px !important;
height: 350px !important;
min-width: 350px !important;
min-height: 350px !important;
max-width: 350px !important;
max-height: 350px !important;
background: #f8f9fa;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-bottom: 15px;
border: 1px solid #e9ecef;
flex-shrink: 0 !important;
}
.product__main-image img,
#mainImage {
width: 100% !important;
height: 100% !important;
max-width: 350px !important;
max-height: 350px !important;
object-fit: contain !important;
display: block !important;
}
.product__section {
display: grid !important;
grid-template-columns: 350px 1fr !important;
gap: 30px;
}
.similar-products .product-image {
width: 100% !important;
height: 250px !important;
max-height: 250px !important;
overflow: hidden;
background: #f5f5f5;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.similar-products .product-image img {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 250px !important;
object-fit: contain !important;
}
.product-attributes {
background: #f8f9fa;
padding: 20px;