• 04-11-2021, 14:53:37
    #1
    Merhabalar,

    Websitem de yer alan ürün detay ekranında sol tarafa dayalı küçük resimlerim mevcut 5 sıralı. Bunların sırası 1,2,3,4,5 diye gitmektedir. Bu resim sıralamasını, resim detay ekranında css ile ve ya script kodu ile resim sıralamasını 5,4,3,2,1 gelecek şekilde ayarlamak mümkün müdür? Yani en altta ki resim en üstte gelecek, en üstte resim ise en alta inecek şekilde hazır bir kod bulunur mu? CSS üzerinden transform ile yapıyorum en altta ki resim en üste gidiyor fakat ters dönüyor, yani komple ters çeviriyor bloku. Sol tarafta yer alan küçük resimler en üste 5 gelecek şekilde başlamasını istiyorum.

  • 04-11-2021, 14:58:13
    #2
    daha sonradan php ile yazıcak iseniz phpde yapabilirsiniz
  • 04-11-2021, 15:09:36
    #3
    O alanda flex kullanıyorsanız, flex-direction: column-reverse; veya flex-direction: row-reverse; sıralama şeklinize bağlı olarak bu şekilde reverse ile tersine çevirebilirsiniz.
  • 04-11-2021, 15:31:41
    #4
    Darkbey adlı üyeden alıntı: mesajı görüntüle
    daha sonradan php ile yazıcak iseniz phpde yapabilirsiniz
    Hocam Ticimax altyapısı kullanıyorum sadece, CSS ve JS'ye müdahale etmeye izin veriyor.

    AsosyalGenc adlı üyeden alıntı: mesajı görüntüle
    O alanda flex kullanıyorsanız, flex-direction: column-reverse; veya flex-direction: row-reverse; sıralama şeklinize bağlı olarak bu şekilde reverse ile tersine çevirebilirsiniz.
    Hocam dediğiniz kodu ekledim ekstra fakat bir şey değişmedi. CSS'in şu an ki hali bu şekildedir.

  • 04-11-2021, 15:55:46
    #5
    Hocam benim attığım kodun çalışması için display:block kısmının flex olması lazım ondan sordum. Dilerseniz siteyi iletin yapıya uygun şekilde atayım size örnek kodu
  • 04-11-2021, 16:10:02
    #6
    serkanhzl adlı üyeden alıntı: mesajı görüntüle
    Hocam Ticimax altyapısı kullanıyorum sadece, CSS ve JS'ye müdahale etmeye izin veriyor.



    Hocam dediğiniz kodu ekledim ekstra fakat bir şey değişmedi. CSS'in şu an ki hali bu şekildedir.


    https://medium.com/@tayfunerbilen/cs...a-bcb186864093
    burada size göre bir makale var hocam
  • 04-11-2021, 16:17:27
    #7
    Darkbey adlı üyeden alıntı: mesajı görüntüle
    https://medium.com/@tayfunerbilen/cs...a-bcb186864093
    burada size göre bir makale var hocam
    Teşekkür ediyorum hocam, flex kodu işime yaradı şu anlık. Tekrardan teşekkürler.
  • 04-11-2021, 16:18:26
    #8
    serkanhzl adlı üyeden alıntı: mesajı görüntüle
    Teşekkür ediyorum hocam, flex kodu işime yaradı şu anlık. Tekrardan teşekkürler.
    rica ederim iyi forumlar