התאמות נפוצות לדף המוצרים בחנות

יש מגוון בקשות של לקוחות לשינויים בדף המוצרים בחנות, להלן כמה נפוצות:

הסתרת אייקון המבצע (כוכב):

.woocommerce .product .product_wrapper .onsale, .woocommerce ul.products li.product .onsale {
 display:none;
}

מוצרים כקלפים (הוספת הצללה + מרווח מכל הצדדים):

.isotope-item {
 background-color: #f0f0f0 !important;
 background: linear-gradient(120deg, #fefefe 0%, #fff 100%) !important;
 box-shadow: 5px 10px 30px #eee;
 padding: 30px !important;
 box-sizing:border-box;
}
.woocommerce ul.products li.product .desc {
 background:transparent !important;
}

שינוי גודל מחיר:

.woocommerce ul.products li.product span.amount {
 font-size:32px;
}

הגדלת הקו המוחק על מוצרים במבצע:

li .price del {
  font-size:26px !important;
}

הסרת הקו מתחת למחיר:

.woocommerce .price ins {
 text-decoration:none;
}

הקטנת גודל המחיר הרגיל לעומת מחיר המבצע:

.woocommerce .price del span.amount {
 font-size:24px !important;
}

הרחבת דף המוצרים לרוחב מלא + הגדרת 6 עמודות:

.woocommerce #Content .section_wrapper {
 max-width:100% !important;
}
.woocommerce ul.products.col-4 li.product:nth-child(4n+1) {
 clear:none;
}
.woocommerce #Content ul.products.col-4 li.product {
 width:15.6% !important;
 margin-right:0.5% !important;
 margin-left:0.5% !important;
}
.woocommerce ul.products.col-4 li.product:nth-child(6n+1) {
 clear:both !important;
}

מירכוז כותרות המוצרים

.woocommerce h4 {
 text-align:center;
}

הסתרת המשבצות של הוספה לעגלת הקניות + קישור למוצר:

.woocommerce.if-overlay .image_frame .image_wrapper .image_links {
 display:none !important;
}

שינוי מרווחי כותרות המוצרים:

.woocommerce .desc {
 padding-bottom:5px !important;
 padding-top:10px !important;
}

ביטול אפקט ה-זום-אין במוצרים:

.if-overlay .products_wrapper .image_frame:hover .image_wrapper img, .if-overlay .products_wrapper .image_frame.hover .image_wrapper img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

הסתרת התקציר:

.woocommerce ul.products li.product .excerpt, .woocommerce-page ul.products li.product .excerpt {
display:none;
}

ביטול המשבצת הכהה במעבר עכבר:

.products_wrapper .image_frame .image_wrapper .mask::after {
background:transparent !important;
}

הגבלת גובה מוצרים (תמונות ארוכות וצרות):

.woocommerce ul.products li.product .product-loop-thumb {
  max-height:350px !important;
}
.woocommerce-page ul.products li.product a img {
  max-height:600px !important;
  width:auto;
  margin:0 auto;
}