hepimiz görsel olarak itici görünen ürü sayfasının sol tarafındaki ürün resminin altındaki boşluktan rahatsız oluyoruzdur. bir çok e-ticaret pilatformu resmi sabitleyerek bu kirliliği ortadan kaldırmış. ben de bunu yaptım size paylaşıyorum.
kendim denedim gayet güzel çalışıyor.
- Journal > Styles > Custom CSS yoluna gidin.
- Aşağıdaki kodu oraya yapıştırın:
/* Masaüstünde Ürün Resmini Sabitleme */
@media (min-width: 1025px) {
/* Ana kapsayıcıyı hizalar */
.product-info {
display: flex !important;
align-items: flex-start !important;
}
/* Sol taraf (Resim alanı) */
.product-info > .left {
position: sticky !important;
position: -webkit-sticky !important;
top: 20px; /* Header yüksekliğine göre artırabilirsiniz */
z-index: 10;
}
}- Kaydedin ve Journal panelinden "Clear Cache" yapın.