Kami ingin berterima kasih kepada APAC Insider yang telah mengakui Runaway Digital Solutions sebagai "Penyedia Sumber Daya eCommerce Terbaik - Asia Tenggara" dalam Singapore Business Awards 2021 - 2023.

Top 15 WooCommerce with Elementor Popular FAQs

Bagikan Posting Ini

Answering questions about WooCommerce with Elementor website setup.

You may also explore our Website Design Service (WooCommerce with Elementor) and Website Design Coaching Service.

woocommerce dengan elementor

How to Change the Look and Feel of WooCommerce with Elementor Category Page

Halaman Kategori standar untuk WooCommerce bisa jadi membosankan, dan Anda bebas menyesuaikan halaman kategori dengan cara Anda menggunakan Elementor Pro Theme Builder.

First, go to Theme Builder under Templates in Elementor Pro and select “Products Archive”. You will then enter the Elementor Editor page where you may now set in the layout for all your Product Categories and Sub categories.

You will notice some Elements that appear at your sidebar specific to such a page. These Elements are: “Archive Title”, “Archive Products” and “Archive Description”. The word “Archive” here may be interchanged with the word “Category”. So, naturally for such a page we will need to put in a Title field, a Category description field as well as products under the categories.
These are the standard elements we will need for Product Category layout.

The “Archive Description” would be data that will be pulled from Products Categories Description.

When you pull in the “Archive Products” element, you will notice that the sub categories of parent categories automatically appear. If you only wish to see only products here, you may adjust the settings somewhere else:
Get out of the Elementor Editor (or simply just open a new tab to access your website backend WordPress Dashboard). Mouse over “Appearance” and click on “Customize”, then click on “WooCommerce”. Then, click on “Product Catalog”. Under “Category Display”, select “Show Products”.

You may also set how you like your products to be sorted, how many products per row and how many rows per page. Once done, save this setting and return to the Elementor Editor for Products Archive.

Sekarang, tampilan produk Anda akan muncul tanpa gambar sub kategori. Jika Anda ingin menampilkan subkategori Anda di baris yang berbeda (mungkin di atas produk), lakukan hal berikut:
Look for the element “Product Categories” at the Elementor Editor sidebar. Drag this element to the editor page. Under “Query” > “Source”, select “Current Subcategories”. This means that the editor will automatically pull its sub categories over, even if you add more in at a later stage. If you do not see images for your sub categories, do make sure that you have uploaded a representative image for each category at the “Products Category” editor at your website backend.

Cara Membuat Korsel Produk Scrolling menggunakan Elementor Pro

Sebagian besar situs web eCommerce memiliki beranda yang menampilkan beberapa produk dalam beberapa bentuk tata letak. Salah satu cara populer untuk memamerkan produk adalah dengan menggunakan Elemen Korsel. Perhatikan bahwa elemen ini hanya tersedia untuk mereka yang menggunakan Elementor Pro.

Berikut cara menggunakan Elemen Carousel untuk menampilkan produk Anda:
Pertama, cari Elemen “Media Carousel” dan seret ke Bagian di Beranda Anda.
Di bawah "Konten" di Bilah Sisi Editor, klik "Item #1" dan tambahkan gambar produk Anda, lalu tambahkan tautan URL Anda di bawah. Lakukan hal yang sama untuk item produk sebanyak yang Anda suka.
Setelah selesai, gulir ke bawah untuk melihat "Slide Per View". Anda dapat mengatur berapa banyak produk yang ingin Anda lihat dalam satu baris yang terlihat. Di bawah "Slide to Scroll", kami biasanya mengaturnya ke 1 sehingga Carousel bergerak perlahan, satu produk masuk pada satu waktu.

Klik "Opsi Tambahan", atur Ukuran Gambar ke "Penuh" dan Gambar Sesuai ke "Berisi".

Jika Anda ingin setiap gambar muncul dalam kotak, Anda dapat pergi ke "Style" untuk mengatur Border Size dan Border Color. Border Radius akan menentukan seberapa bulat perbatasan Anda akan terlihat. Atur sebagai 0 untuk melihat persegi atau persegi panjang. Jika Anda ingin kotak Anda terlihat lebih bulat, tingkatkan radius batas.
Korsel Anda seharusnya sudah terlihat bagus sekarang!

Cara Membekukan Header Situs Web Anda menggunakan Editor Elementor

Anda mungkin telah memperhatikan bahwa beberapa situs web memiliki tajuk "beku". Kami menggunakan istilah "Sticky Header" untuk menggambarkan header tersebut. Jadi, saat Anda menggulir ke bawah, Header Lengket akan selalu ada di depan mata kita. Kami menetapkan tajuk lengket untuk memudahkan audiens kami menavigasi ke halaman lain dengan cepat, tanpa harus terus menggulir ke atas dan ke bawah sepanjang waktu.

Berikut cara menyetel tajuk lengket menggunakan Pembuat Tema Elementor Pro untuk Tata Letak Tajuk.
Di Pembuat Tema > Editor Header, putuskan bagian mana dari header yang ingin Anda setel sebagai sticky. Mungkin hanya baris atas, atau beberapa baris, atau hanya satu elemen. Jika Anda hanya membutuhkan satu elemen untuk menjadi lengket, klik elemen tersebut untuk mengedit. Jika itu adalah deretan elemen yang Anda butuhkan untuk ditempelkan, lalu klik pada baris itu untuk mengedit. Jika terdiri dari beberapa baris, kelompokkan baris-baris ini ke dalam satu bagian dan edit bagian tersebut.

Setelah Anda memilih bagian mana yang ingin Anda edit menjadi sticky, pergi ke Advanced di Editor Sidebar. Gulir ke bawah untuk menemukan "Efek Gerak". Di bawah "Lengket", pilih "Atas". Anda juga diberikan opsi perangkat untuk menyetel pilihan Anda sebagai lengket, Misalnya Anda mungkin ingin efek lengket ini hanya efektif di Desktop tetapi tidak di ponsel atau tablet, dan Anda dapat menyetelnya dengan mencoret Seluler dan Tablet di kolom "Sticky Di lapangan.

Anda dapat mengabaikan pengaturan "Offset" dalam banyak kasus. Angka Offset berarti jumlah ruang dalam piksel yang ingin Anda sisakan di antara bagian atas dan pilihan lengket Anda. Jadi, jika Anda mengatur offset ke 100px, misalnya, Anda akan melihat bahwa header Anda akan meninggalkan ruang sekitar 100px dari atas saat Anda menggulir ke bawah. Jika Anda tidak ingin melihat ruang antara bagian atas dan pilihan tempel Anda (yang merupakan kasus biasa), Anda dapat mengabaikan pengaturan Offset.

How to create Hover Effects on WooCommerce with Elementor Editor

Anda mungkin pernah melihat beberapa situs web eCommerce yang memiliki efek hover yang hebat. Misalnya, jika Anda mengarahkan mouse ke gambar, itu akan menunjukkan sudut lain dari gambar itu. Anda dapat menggunakan efek hover saat Anda menampilkan beberapa gambar produk di beranda Anda.

Di Elementor Editor, paling mudah menggunakan efek hover pada gambar latar belakang. Jika Anda ingin membuat 4 kolom gambar produk dengan efek hover, coba ini:

Buat Bagian dan gunakan ikon + untuk membuat 4 kolom

Klik kanan pada kolom pertama dan klik Style untuk menambahkan gambar latar belakang. Jika Anda tidak dapat menemukan ikon Unggah gambar, cukup klik ikon cat yang bertuliskan "Klasik" di bawah "Jenis Latar Belakang".

Kemudian, pilih Bagian "Hover", dan klik "Classic" untuk menambahkan gambar Background untuk Hover.

Ulangi untuk kolom lainnya dengan gambar produk yang berbeda.

Anda sekarang mendapatkan 4 kolom gambar yang memiliki efek hover.

Perhatikan bahwa fungsi "Durasi Transisi" hanya berlaku untuk Perubahan Warna saat mengarahkan kursor dan bukan Perubahan Gambar. Untuk perubahan gambar, ini akan menjadi transisi cepat standar, jadi pengaturan ini tidak berfungsi untuk perubahan gambar.

Cara membuat tautan untuk sampai ke tengah halaman

Anda mungkin telah menemukan beberapa tautan di beberapa situs web yang mengarahkan Anda ke bagian tertentu dalam sebuah halaman. Bagi sebagian orang, itu bisa berupa tautan yang menggulir Anda ke tengah halaman yang sama, dan bagi yang lain ke halaman lain tetapi bagian bawah alih-alih bagian atas biasa yang muncul.

Ini dapat dibuat menggunakan Elemen Jangkar Menu di dalam Editor Elemen.

Pertama, seret elemen ini ke titik tertentu yang Anda inginkan untuk ditunjuk oleh tautan. Seret ke atas bagian jika Anda ingin mengarahkan audiens ke bagian ini. Kemudian, atur ID jangkar ini. Berikan nama intuitif yang secara jelas merujuk ke bagian itu (agar Anda tidak terlalu bingung dengan terlalu banyak ID).

Setelah ini, pergi ke tempat Anda perlu memasukkan tautan dan masukkan tautan ini: yoursite.com/#anchorID (Ubah yoursite.com ke alamat situs web Anda dan ubah anchorID ke ID yang Anda tetapkan untuk jangkar itu).

Perbedaan antara Margin dan Padding di Elementor

Untuk setiap Elemen di Elementor Pro, di bawah Pengaturan Lanjutan, Anda akan melihat pengaturan untuk Margin dan Padding.

Margin adalah ruang antara Elemen yang dipilih dan Elemen di sebelahnya.

Jadi, piksel margin atas akan menjadi ruang yang diizinkan antara elemen saat ini dan elemen berikutnya di atas. Piksel margin kanan akan menjadi ruang yang diizinkan antara elemen saat ini dan elemen berikutnya di sebelah kanan. Piksel margin bawah akan menjadi ruang yang diizinkan antara elemen saat ini dan elemen berikutnya di bawah.

Kami biasanya membuat elemen dalam bagian. Jadi, jika hanya ada 1 elemen dalam 1 bagian, maka pengaturan margin elemen ini akan menjadi ruang antara elemen dan bagian. Saat Anda mengatur warna latar belakang elemen ke warna tertentu, Anda akan melihat ruang putih di sekitar warna latar belakang tersebut di bagian luar. Ruang putih itu adalah bagiannya. Jika Anda meningkatkan pengaturan margin untuk elemen ini, Anda akan melihat bahwa ruang putih menjadi lebih besar. (Sidetrack: Jika Anda ingin seluruh layar memiliki warna latar belakang itu, maka Anda juga perlu mengatur latar belakang bagian ke warna yang sama.)

Margin dapat digunakan dengan main-main untuk menciptakan efek luapan. Misalnya, Anda dapat mengatur margin atas untuk elemen ke angka negatif seperti -20px. Ini akan bergerak ke atas untuk tumpang tindih dengan bagian di atas. Ini dapat menciptakan efek tumpang tindih yang bagus. Jika Anda melakukan ini, periksa juga tampilannya di perangkat yang berbeda.

Padding adalah semua tentang ruang di dalam elemen.

Setiap elemen memiliki wadah (yang sebenarnya tidak kita lihat). Jika Anda mengubah warna latar belakang Elemen itu, Anda akan dapat melihat ukuran wadah (yang merupakan ukuran warna latar belakang). Padding adalah ruang yang diizinkan antara konten dan batas wadah di dalam elemen. Jadi, jika Anda menambah padding, Anda akan melihat bahwa konten Anda semakin terjepit di dalam wadah. Jika Anda hanya menambah padding atas, maka Anda akan melihat konten Anda bergerak ke bawah di dalam wadah elemen.

Cara Membuat Banner Lebar Penuh menggunakan Elementor

If you try to use the Image Element to create a full width banner, you may will still end up with a frustrating white border. Your image does not stretch across the screen like you would want it to be. To create a banner that stretches across the screen, follow this trick:

Tambahkan Bagian

Edit Bagian ini dengan mengklik ikon tengah yang muncul bersama 2 lainnya saat Anda mengarahkan mouse ke bagian tersebut. Ikon tengah ini adalah ikon dengan 6 titik. Klik di atasnya, dan Anda akan melihat bilah sisi Edit Bagian muncul di sebelah kiri Anda.

Atur Bagian sebagai lebar penuh dan pilih "Ya" untuk Bagian Peregangan.

Di bawah "Gaya"> Latar Belakang, masukkan gambar spanduk Anda.

Simpan itu.
Sekarang, Anda akan melihat gambar Anda membentang di layar.

Other areas to check if you still do not achieve full width banner:

Posisi Konten

Click on the content (example a text box) and you see Edit Text Editor appearing on left column.

Go to Advanced and find Position. Inside Position you will see an option “Width”, change it to “Full Width (100%)”.

Atribut Halaman

If you are editing a Page and can’t seem to get that page to stretch to full width, go to Edit Page.

DO NOT click on the blue button that says Edit with Elementor.

Instead, look to your right sidebar, make sure “Page” is selected instead of “Block” at the top of your right sidebar. Scroll down to see an option called “Page Attributes”, and click on it.

Under “Template” change to “Elementor Full Width”. Save it.

If you have done all of the above, your banner should be totally full width.

How to Create Running Texts on WooCommerce with Elementor Site Builder

Pembuat situs elementor tidak memiliki fungsi khusus atau bahkan efek gerakan yang membantu kita membuat teks berjalan di bilah. Namun, kita mungkin menyiasati apa yang diberikan kepada kita dan menciptakan sesuatu dengan efek serupa. Berikut caranya:

Jika teks yang sedang berjalan adalah pengumuman atau teks sambutan yang ingin Anda sisipkan di header, buka Template > Theme Builder dan pilih "Header". Halaman edit Elementor akan muncul. Buat bagian. Anda mungkin ingin yang pertamat set it to full width.

Gulir ke bawah Opsi Elemen dan cari Slider. Jumlah default slide yang diberikan kepada Anda adalah 3 slide. Coret yang ketiga untuk menghapusnya, karena kita hanya membutuhkan 2. Kemudian, atur tingginya menjadi sekitar 50px.

Klik Opsi Slider dan pilih ini:
Navigasi: Tidak ada
Putar otomatis: Ya
Jeda saat Arahkan: Tidak
Jeda saat Interaksi: Tidak
Kecepatan putar otomatis: 8000
Loop Tak Terbatas: Ya
Transisi: Geser
Kecepatan transisi: 8000
Animasi Konten: Tidak ada

Sekarang, kembali ke Slides dan klik Item#1. Ubah warna latar belakang menjadi Sepenuhnya Transparan. Ini dapat dilakukan dengan menyeret penggeser di bilah bawah ke kiri di palet warna. Kemudian, klik Konten dan hapus kata Judul serta kata Teks Tombol. Di kotak deskripsi, ketik teks bergerak Anda di sini. Salin seluruh teks dan tempel ke dalam kotak deskripsi Item#2. Lakukan pengaturan latar belakang yang sama untuk Item#2, dan ingat juga untuk menghapus kata Judul dan Kata Teks Tombol untuk Item#2.

Untuk Item#1 dan Item#2: Klik pada Gaya. Kemudian, pilih "Kustom" sebagai Ya. Pusatkan semua opsi: Posisi Horizontal, Posisi Vertikal, dan Perataan Teks. Juga, tentukan warna konten Anda. Perhatikan bahwa warna konten default adalah putih, jadi jika Anda tidak melihat teks, cukup edit warna konten.

Anda juga dapat mengedit "Gaya" di bawah pengeditan Slide utama. Anda dapat menyesuaikan lebar konten slide sesuai dengan keinginan Anda.

Itu harusnya! Anda akan dapat melihat teks bergerak Anda sekarang setelah pembaruan.

Di mana menemukan kode referensi CSS WooCommerce

Anda dapat masuk ke akun hosting Anda untuk menemukan Manajer File Anda.
Pergi ke:

public_html > wp-content > plugins > woocommerce > assets > css > woocommerce.css
Double click on that folder and you will see a massive chunk of code squeezed together.

It was written this way to save space. It may help to use “Ctrl+F” to find the right functions you need. Eg. look for “woocommerce-cart” if you need to edit something on cart page.

Saat menyalin kode, ingatlah untuk menyalin dari satu "," ke "," berikutnya, karena itu membuat satu baris lengkap untuk diedit. Kemudian, masukkan kode yang Anda inginkan untuk diedit dan tempatkan kode tersebut ke backend situs web Anda di:
Appearance > Customize > Additional CSS.

Hapus Gambar Mini Produk di Halaman Keranjang

Berikut Kode CSS untuk menghapus thumbnail produk dari halaman keranjang.
.woocommerce-cart table.cart .product-thumbnail {
tampilan: tidak ada;
}
Go to Appearance > Customize > Additional CSS to input the code.

Sesuaikan Tombol Lanjutkan ke Checkout di Halaman Keranjang

Berikut kode CSS untuk mengubah warna Tombol "Lanjutkan ke Checkout" pada halaman Keranjang untuk WooCommerce.

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
warna latar: #FFA62F;
warna: #FFFFFF;
}

Berikut kode CSS untuk mengubah warna kursor mouse:
.woocommerce-cart .wc-proceed-to-checkout a:hover.checkout-button {
warna latar: #4C4646;
warna: #FFFFFF;
}

Anda dapat merujuk di sini untuk kode warna html: https://www.computerhope.com/htmcolor.htm#:~:text=HTML%20color%20codes%20are%20hexadecimal,tables%20on%20a%20web%20page.
Cukup salin dan tempel warna yang Anda suka ke latar belakang dan kode warna teks dalam kode CSS.

Go to Appearance > Customize > Additional CSS to input the code.

Ubah Warna Tombol Tambahkan ke Keranjang WooCommerce

WooCommerce, plugin gratis asli hadir dengan banyak batasan desain. Untuk beberapa, kami perlu membeli plugin ekstensi tambahan agar lebih selaras dengan kebutuhan eCommerce kami. Untuk orang lain, kita dapat mencoba untuk mengatasi apa yang tersedia bagi kita.

Kita dapat mengubah warna tombol Add to Cart dengan Kode CSS berikut:
.produk tunggal .produk .single_add_to_cart_button.button {
warna latar: #FFA62F;
warna: #FFFFFF;
}

Anda dapat merujuk di sini untuk kode warna html: https://www.computerhope.com/htmcolor.htm#:~:text=HTML%20color%20codes%20are%20hexadecimal,tables%20on%20a%20web%20page.
Cukup salin dan tempel warna yang Anda suka ke latar belakang dan kode warna teks dalam kode CSS.

Go to Appearance > Customize > Additional CSS to input the code.
Kredit ke: https://quadlayers.com/customize-add-to-cart-button-woocommerce/ karena memberikan kami jawaban yang paling ramah bagi orang awam untuk ini.

Kami juga menemukan kode tambahan untuk ditambahkan untuk mengubah warna tombol dan teks saat mouse diarahkan:
.produk tunggal .produk :hover.single_add_to_cart_button.button {
warna latar: #4C4646;
warna: #FFFFFF;
}

How to remove fields at WooCommerce checkout page for virtual products or services

If you are selling virtual products or services; and do not require your clients to fill in their address fields and shipping address at the checkout page, you can do the following to remove these fields on your WooCommerce checkout page.
First, mouse over “Appearance” and click on “Theme Editor”.
You will see your theme files.
We recommend you have a child theme before editing your theme files, because when your theme gets updated you may lose your edits. However, if you have a child theme, you can retain your edits on the child theme.
Most themes do come with child themes. If they don’t perhaps it’s time for you to switch to another with a child theme. 🙂
Now, at the right hand side of your theme editor view, you can see a few files. Click on “functions.php”.
At the bottom of the code window, copy and paste these:
unset( $fields['shipping']['shipping_company'] ); unset( $fields['shipping']['shipping_phone'] ); unset( $fields['shipping']['shipping_state'] ); unset( $fields['shipping']['shipping_first_name'] ); unset( $fields['shipping']['shipping_last_name'] ); unset( $fields['shipping']['shipping_address_1'] ); unset( $fields['shipping']['shipping_address_2'] ); unset( $fields['shipping']['shipping_city'] ); unset( $fields['shipping']['shipping_postcode'] );
add_filter( ‘woocommerce_checkout_fields’ , ‘custom_checkout_fields’ );
function custom_checkout_fields( $fields ) {
unset($fields[‘billing’][‘billing_postcode’]);
unset( $fields[‘billing’][‘billing_address_1’] );
unset( $fields[‘billing’][‘billing_address_2’] );
unset( $fields[‘billing’][‘billing_city’] );
return $fields;
}
You would have removed all shipping fields, and some of the billing fields.
What’s left in billing fields would be:
First Name
Last Name
Company Name
Country
State (This fields only appears after your client has selected a country)
Phone
Email address
You may be thinking why we should retain the field for “Country” and “State” as you may not need this. There are 2 reasons:
Technical reason: WooCommerce may show up error if we remove country, and if we do not have state but have country, there will also be an error. So, the country field must be there, with the state field.
If you are selling a virtual product like an ebook, it makes sense to get information of your client’s country for future marketing purposes.

How to Fix “Sorry, You Are Not Allowed to Access This Page” in WordPress Admin Login

Recently my client experienced such a problem. He was unable to log into his admin dashboard, and the screen displayed “Sorry, You Are Not Allowed to Access This Page”. One can imagine the panic, especially when you need to fulfill backend orders.
While helping him to troubleshoot this problem, I came across many websites with similar solutions. One good example would be this: https://kinsta.com/knowledgebase/sorry-you-are-not-allowed-to-access-this-page-error-in-wordpress/

Some websites offer 10 ways while others 7 ways. They are mostly similar. I tried everything possible, and nothing worked.
I was so glad when I saw a different solution in a forum:
https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-sorry-you-are-not-allowed-to-access-this-page-error-in-wordpress/
Look for the answer by this user: padreed123
That solution was such a gem. It worked!

And it deserves more limelight, not hidden in a multitude of questions and answers. So here goes:

padreed123
(@padreed123)
2 years, 10 months ago
Ok after countless hours of examining wp_options tables in phpmyadmin I finally discovered the problem. Somehow the wp_user_role row got deleted. It can also happen if it is edited/changed by a plugin such as WooCommerce.
So to fix it I copied the following from a fresh install and inserted it into the wp_options table with phpmyadmin:
Remember to replace ‘wp_’ with your db prefix.
option_name
wp_user_role
option_value
a:5:{s:13:”administrator”;a:2:{s:4:”name”;s:13:”Administrator”;s:12:”capabilities”;a:61:{s:13:”switch_themes”;b:1;s:11:”edit_themes”;b:1;s:16:”activate_plugins”;b:1;s:12:”edit_plugins”;b:1;s:10:”edit_users”;b:1;s:10:”edit_files”;b:1;s:14:”manage_options”;b:1;s:17:”moderate_comments”;b:1;s:17:”manage_categories”;b:1;s:12:”manage_links”;b:1;s:12:”upload_files”;b:1;s:6:”import”;b:1;s:15:”unfiltered_html”;b:1;s:10:”edit_posts”;b:1;s:17:”edit_others_posts”;b:1;s:20:”edit_published_posts”;b:1;s:13:”publish_posts”;b:1;s:10:”edit_pages”;b:1;s:4:”read”;b:1;s:8:”level_10″;b:1;s:7:”level_9″;b:1;s:7:”level_8″;b:1;s:7:”level_7″;b:1;s:7:”level_6″;b:1;s:7:”level_5″;b:1;s:7:”level_4″;b:1;s:7:”level_3″;b:1;s:7:”level_2″;b:1;s:7:”level_1″;b:1;s:7:”level_0″;b:1;s:17:”edit_others_pages”;b:1;s:20:”edit_published_pages”;b:1;s:13:”publish_pages”;b:1;s:12:”delete_pages”;b:1;s:19:”delete_others_pages”;b:1;s:22:”delete_published_pages”;b:1;s:12:”delete_posts”;b:1;s:19:”delete_others_posts”;b:1;s:22:”delete_published_posts”;b:1;s:20:”delete_private_posts”;b:1;s:18:”edit_private_posts”;b:1;s:18:”read_private_posts”;b:1;s:20:”delete_private_pages”;b:1;s:18:”edit_private_pages”;b:1;s:18:”read_private_pages”;b:1;s:12:”delete_users”;b:1;s:12:”create_users”;b:1;s:17:”unfiltered_upload”;b:1;s:14:”edit_dashboard”;b:1;s:14:”update_plugins”;b:1;s:14:”delete_plugins”;b:1;s:15:”install_plugins”;b:1;s:13:”update_themes”;b:1;s:14:”install_themes”;b:1;s:11:”update_core”;b:1;s:10:”list_users”;b:1;s:12:”remove_users”;b:1;s:13:”promote_users”;b:1;s:18:”edit_theme_options”;b:1;s:13:”delete_themes”;b:1;s:6:”export”;b:1;}}s:6:”editor”;a:2:{s:4:”name”;s:6:”Editor”;s:12:”capabilities”;a:34:{s:17:”moderate_comments”;b:1;s:17:”manage_categories”;b:1;s:12:”manage_links”;b:1;s:12:”upload_files”;b:1;s:15:”unfiltered_html”;b:1;s:10:”edit_posts”;b:1;s:17:”edit_others_posts”;b:1;s:20:”edit_published_posts”;b:1;s:13:”publish_posts”;b:1;s:10:”edit_pages”;b:1;s:4:”read”;b:1;s:7:”level_7″;b:1;s:7:”level_6″;b:1;s:7:”level_5″;b:1;s:7:”level_4″;b:1;s:7:”level_3″;b:1;s:7:”level_2″;b:1;s:7:”level_1″;b:1;s:7:”level_0″;b:1;s:17:”edit_others_pages”;b:1;s:20:”edit_published_pages”;b:1;s:13:”publish_pages”;b:1;s:12:”delete_pages”;b:1;s:19:”delete_others_pages”;b:1;s:22:”delete_published_pages”;b:1;s:12:”delete_posts”;b:1;s:19:”delete_others_posts”;b:1;s:22:”delete_published_posts”;b:1;s:20:”delete_private_posts”;b:1;s:18:”edit_private_posts”;b:1;s:18:”read_private_posts”;b:1;s:20:”delete_private_pages”;b:1;s:18:”edit_private_pages”;b:1;s:18:”read_private_pages”;b:1;}}s:6:”author”;a:2:{s:4:”name”;s:6:”Author”;s:12:”capabilities”;a:10:{s:12:”upload_files”;b:1;s:10:”edit_posts”;b:1;s:20:”edit_published_posts”;b:1;s:13:”publish_posts”;b:1;s:4:”read”;b:1;s:7:”level_2″;b:1;s:7:”level_1″;b:1;s:7:”level_0″;b:1;s:12:”delete_posts”;b:1;s:22:”delete_published_posts”;b:1;}}s:11:”contributor”;a:2:{s:4:”name”;s:11:”Contributor”;s:12:”capabilities”;a:5:{s:10:”edit_posts”;b:1;s:4:”read”;b:1;s:7:”level_1″;b:1;s:7:”level_0″;b:1;s:12:”delete_posts”;b:1;}}s:10:”subscriber”;a:2:{s:4:”name”;s:10:”Subscriber”;s:12:”capabilities”;a:2:{s:4:”read”;b:1;s:7:”level_0″;b:1;}}}

Feel free to contact me if you are unsure about this part as it requires you to access your database at server side. I’ll be more than happy to guide you through the entire process.

Now, we have another problem after we managed to login. We realised all our WooCommerce database were gone! Pressed the panic button again, and back to troubleshooting mode.
After tinkering a little around the database, I managed to find the solution.

I realised that option names in the wp_options table for WooCommerce are not consistent. Some used wp_ as prefix while some used vbx_ as prefix. As our database uses vbx_ as our prefix, I changed all wp_ to vbx_, and our WooCommerce database is back. Phew!
Reflection: Why did this happen?

I believe this database mess happened after we migrated the website from Bluehost to Siteground.

I’m glad the website is running well now. 🙂
If you are in a similar situation and have some problems troubleshooting, or are unsure about how to access or edit your database, feel free to contact me.

Cara Menghapus Tombol Tambahkan ke Keranjang di Halaman Kategori WooCommerce

Buka pengelola file Anda di sisi server.

Klik pada folder berikut di pengelola file:
public_html > wp-content > plugins > woocommerce

Klik dua kali pada woocommerce.php untuk mengedit
Gulir ke ujung editor dan klik pada baris kosong.

Salin dan tempel kode berikut:

add_action( ‘woocommerce_after_shop_loop_item’, ‘remove_add_to_cart_buttons’, 1 ); function remove_add_to_cart_buttons() { if( is_product_category() || is_shop()) { remove_action( ‘woocommerce_after_shop_loop_item’, ‘woocommerce_template_loop_add_to_cart’ ); } }

Penulis

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Lebih Banyak Untuk Dijelajahi

×

Halo!

Klik salah satu perwakilan kami di bawah ini untuk mengobrol di WhatsApp atau kirim email kepada kami adaleow@runaway.com.sg

× Apa yang bisa saya bantu?