-
Posts
-
hi;
I tried to make purchase section fastened but could not do it.
as an example I want that look like this. (link1)
but it is like this right now. (link2)How can I make section fastened ?
Thanks.
Merhabalar :)
Lutfen column elementini duzenleyip negatif top margin verin – https://i.imgur.com/A1g6KiA.png
Best regards,
Yigitmerhabalar;
tüm uğraşlarıma rağmen link1’deki gibi yapamadım. Sağdaki purchase butonu asılı kalmıyor. Sadece 1. column’a negatif margin verilebiliyor ve tüm satırdaki columları yukarı kaydırıyor.
rica etsem bir bakar mısınız?
teşekkürler.
Merhabalar,
Enfold theme options > Layout Builder sekmesinden custom CSS alanini ektinlestirdim – https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ve kolumn elementinize ozel CSS atayip, arkaplan rengini beyaz secip, assagidaki kodu Quick CSS alanina ekledim
@media only screen and (min-width: 990px) { .negative-top { margin-top: -150px; }}Lutfen sayfaniza tekrardan goz atin :)
Best regards,
YigitMerhabalar;
Teşekkürler fakat bir eksik var.
Column, sayfayı aşağı çekerken sayfayla beraber aşağı gelmiyor gözüküyor. Bunu nasıl çözebiliriz?Teşekkürler.
Merhabalar,
Assagidaki kodu Appearance > Editor > Functions.php dosyasina ekleyip
function av_stick_column(){ ?> <script> var stickySidebar = jQuery('.sidebar').offset().top; jQuery(window).scroll(function() { if (jQuery(window).scrollTop() > stickySidebar) { jQuery('.negative-top').addClass('fixed-pos'); } else { jQuery('.negative-top').removeClass('fixed-pos'); } }); </script> <?php } add_action('wp_footer', 'av_stick_column');sonrasinda assagidaki kodu Quick CSS alanina ekleyebilirsiniz
.negative-top.fixed-pos { position: fixed; top: 0; }Cheers!
YigitMerhaba;
Dediğiniz gibi yaptım. hatta bir kaç kere kontrol ettim fakat ürün sayfasında bir değişiklik olmadı. hala purchase butonu yukarı sabit şekilde duruyor. nasıl çözebilirim?
Teşekkürler.
Merhaba;
işlemleri tekrar denemek istedim ve bu sefer enfold teması içindeki function.php içine yazdım. (bir öncekinde şu an içinde aktif olan enfold theme içine yazmıştım. )
şimdi tüm sitede şu hatayı alıyorum: Fatal error: Cannot redeclare av_stick_column() (previously declared in /home/dogumgun/public_html/wp-content/themes/enfold-child/functions.php:10) in /home/dogumgun/public_html/wp-content/themes/enfold/functions-enfold.php on line 1920
Nasıl çözebiliriz bu problemi?
FTP’ye giriş isteyebilirsiniz diye bilgilerini gönderiyorum.
Teşekkürler.
Merhabalar,
Kodu functions-enfold.php dosyasindan sildim, child temada functions.php dosyasindaki kodu ve Quick CSS alanindaki kodlari biraz duzenledim. Lutfen tekrar goz atin
Cheers!
YigitMerhabalar;
Teşekkürler şimdi çözüldü. Fakat 2 tane problemin çözümünde takıldım;
1) mobilden girildiğinde purchase bölümü sayfanın üzerinde asılı kalıyor. bu özelliği mobiller için inaktif edebilir miyiz?
2) web’ten girildiğinde purchase bölümü, sayfayı aşağı kaydırdığımızda kutudan çıkıyor ve şeffaf bir görünüm alıyor. Kutuyla beraber (sectionla beraber) asılı kalmasını sağlayabilir miyiz?Teşekkür ederim.
Merhabalar;
sayfaların üzerinde çalıştıkça 2 sıkıntıyla daha karşılaştım yardımcı olabilirseniz mutlu olurum;
1) section’a purchase butonu dışında başka bir elemen koyduğumda asılı kalma işlemi işlevsiz kalıyor. (link1)’de olduğu gibi.
2) örnek olarak (link1)’deki ilk fotoğrafın üzerine mouse ile gelindiğinde resimin üzerindeki flu’luk purchase elementine baskın çıkıyor ve GOLD STAND bölümünde tıklanmamıyor.Bu problemleri nasıl çözebiliriz?
teşekküler.
Merhabalar,
Gec cevap icin cok uzgunum.
Functions.php dosyasindaki kodda selector “.negative-top .av-woo-purchase-button” olarak degistirilmisti. Onu tekrar “.negative-top” yaptim ve assagidaki kodu Quick CSS alanina ekledim ve calisti.
.av-layout-grid-container + .av-layout-grid-container { z-index: 300; }Lutfen sitenize tekrar goz atin.
Best regards,
Yigit
- You must be logged in to reply to this topic.