Mengatur Back To Top dan Style (WordPress Theme)

Cara menampilkan atau menyembunyikan tombol Back To Top di tema WordPress TokoPressID serta mengatur warna latar dan ikon di tab Style.

Tombol Back To Top muncul di sudut layar saat pengunjung sudah scroll agak jauh ke bawah. Tujuannya sederhana: sekali klik untuk kembali ke bagian atas halaman, tanpa perlu scroll panjang. Fitur ini ringan dan di banyak varian tema sudah aktif sebagai default.

Tutorial ini berlaku untuk semua tema WordPress by TokoPressID, termasuk LarisManis, Adora, Salvia, LarisGram, LarisDigital, dan tema TokoPressID lainnya dengan struktur Theme Settings yang sama.

Cara membuka pengaturan

TokoPressID → Theme Settings → Theme Settings: Sections → Back To Top

Opsi Settings

Jika tidak dicentang, tombol muncul saat scroll (perilaku tampil biasanya di-handle CSS/JS tema).

Opsi Style

Hanya tersedia jika Back To Top tidak disembunyikan. Jika dimatikan, tab Style menampilkan: No style settings available because back to top navigation is disabled.

Warna default tema sering mengikuti Secondary Color dari Global Colors.

Langkah contoh

1. Pastikan HIDE Back To Top Navigation tidak dicentang.
2. Buka tab Style, set Background Color agar kontras dengan footer.
3. Save Changes.
4. Buka halaman panjang di frontend, scroll ke bawah, klik tombol untuk verifikasi.

Catatan

• Tombol tidak menggantikan anchor link dalam halaman; untuk halaman panjang dengan daftar isi, pertimbangkan tetap memakai jump link.
• Pada mobile, pastikan tombol tidak menutupi sticky CTA atau menu footer toko (sesuaikan warna atau matikan jika bentrok dengan plugin CTA).
• Tidak ada opsi posisi (kiri/kanan) di Theme Settings; posisi mengikuti desain default tema.

Troubleshooting