} .waFix.kanan { right: 20px; } .waFix i.wa { position: relative; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #fff; color: #009688; border-radius: 60px; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); font-size: 30px; } .waFix:active i.wa { box-shadow: none; } .waFix span.count { position: absolute; display: inline-block; top: 0px; right: 0px; background: #FBBC05; color: rgba(0, 0, 0, .8); height: 15px; line-height: 15px; width: 15px; border-radius: 15px; font-style: normal; font-weight: 600; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .08); transform: scale(0.0); } .waFix.show span.count { transform: scale(1.1); transition: .2s; } .waFix span.info { display: inline-block; white-space: nowrap; border-radius: 4px; background: #fff; height: 40px; line-height: 40px; padding: 0 15px; text-align: center; position: relative; position: absolute !important; box-shadow: 0 5px 15px rgba(0, 0, 0, .08); bottom: 8px; color: rgba(0, 0, 0, .6); opacity: 0; visibility: hidden; } .waFix.show span.info { opacity: 1; visibility: visible; transition: 1s; } .waFix.kiri span.info { left: calc(100% + 45px); } .waFix.kiri.show span.info { left: calc(100% + 15px); } .waFix.kanan span.info { right: calc(100% + 45px); } .waFix.kanan.show span.info { right: calc(100% + 15px); } .waFix span.info:after { position: absolute; top: calc(50% - 8px); content: ""; border: 8px solid; } .waFix.kiri span.info:after { right: 100%; border-color: transparent #fff transparent transparent; } .waFix.kanan span.info:after { left: 100%; border-color: transparent transparent transparent #fff; } @media only screen and (max-width: 768px) { .waFix { display:none; } } .waFix span.info i { display: inline-block; font-size: 140%; margin-right: 5px; vertical-align: middle; color: #4FC3F7; } .fixBtn { display:none; } @media only screen and (max-width: 768px) { .fixBtn { display: block; box-shadow: 0 -1px 0 0 rgba(0,0,0,.06); z-index: 999; background: #fff; position: fixed; z-index:10000; bottom: 0; left: 0; width: 100%; display: grid; grid-template-columns: repeat(4,1fr); text-align: center; } .fixBtn a { display: block; text-align: center; height: 45px; line-height: 45px; } .fixBtn a i { display:inline-block; position: relative; } .fixBtn a i span { display: block; position: absolute; top: 2px; right: 2px; background: #FBBC05; width: 10px; height: 10px; border-radius: 10px; } }
Mantap ini, kalau bisa beberapa fitur (yang bisa diambil) dari toko wa versi wordpress, bisa ditambahkan juga ke versi bloggernya kang, sekiranya bayar lagi, saya siap bayar.
Ini adalah contoh ulasan pengunjung / pembeli produk ( Tanpa Foto ), dimana ulasan produk terbaru seperti ini dapat di atur oleh pemilik Template Toko-WA.com ( Toko WhatsApp ) dengan status "Publish" atau "Pending"..
Hai, ini merupakan sebuah komentar. Untuk mulai memoderasi, mengedit, dan menghapus komentar, silakan kunjungi layar Komentar di dasbor. Ava...
5 bulan yang lalu..Ini adalah komentar pertama yang akan muncul pada artikel / postingan.....
4 tahun yang lalu..