Chúng tôi muốn cảm ơn APAC Insider vì đã công nhận Runaway Digital Solutions là "Nhà cung cấp tài nguyên thương mại điện tử tốt nhất - Đông Nam Á" trong Giải thưởng Doanh nghiệp Singapore 2021 - 2023.

15 Câu hỏi thường gặp về WooC Commerce hàng đầu với Elementor

Chia sẻ bài đăng này

Answering questions about WooCommerce with Elementor website setup.

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

thương mại điện tử với phần tử

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

Trang danh mục tiêu chuẩn cho WooCommerce có thể nhàm chán và bạn có thể tự do tùy chỉnh các trang danh mục theo cách của mình bằng cách sử dụng Trình tạo chủ đề Elementor Pro.

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.

Bây giờ, hiển thị sản phẩm của bạn sẽ xuất hiện mà không có hình ảnh danh mục phụ. Nếu bạn muốn hiển thị các danh mục phụ của mình trong một hàng khác (có thể là trên đầu các sản phẩm), hãy làm như sau:
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.

Cách tạo băng chuyền sản phẩm cuộn bằng Elementor Pro

Hầu hết các trang web Thương mại điện tử đều có trang chủ giới thiệu một số sản phẩm theo một số hình thức bố cục. Một cách phổ biến để giới thiệu sản phẩm là sử dụng Phần tử băng chuyền. Xin lưu ý rằng phần tử này chỉ có sẵn cho những người sử dụng Elementor Pro.

Dưới đây là cách sử dụng Phần tử băng chuyền để hiển thị sản phẩm của bạn:
Trước tiên, hãy tìm Phần tử “Băng chuyền phương tiện” và kéo nó vào một Phần trên Trang chủ của bạn.
Trong “Nội dung” tại Thanh bên của Trình chỉnh sửa, nhấp vào “Mặt hàng #1” và thêm hình ảnh sản phẩm của bạn, sau đó thêm vào liên kết URL của bạn bên dưới. Làm tương tự cho nhiều mặt hàng sản phẩm tùy thích.
Sau khi hoàn tất, hãy cuộn xuống để xem “Trang trình bày trên mỗi chế độ xem”. Bạn có thể đặt số lượng sản phẩm bạn muốn xem trong một hàng hiển thị. Trong “Trang trình bày để cuộn”, chúng tôi thường đặt nó thành 1 để Băng chuyền di chuyển chậm, một sản phẩm xuất hiện tại một thời điểm.

Nhấp vào “Tùy chọn bổ sung”, đặt Kích thước hình ảnh thành “Đầy đủ” và Hình ảnh vừa vặn thành “Chứa”.

Nếu bạn muốn mỗi hình ảnh hiển thị trong một hộp, bạn có thể đi tới “Kiểu” để đặt Kích thước đường viền và Màu đường viền. Border Radius sẽ xác định đường viền của bạn sẽ trông như thế nào. Đặt nó là 0 để xem hình vuông hoặc hình chữ nhật. Nếu bạn muốn hộp của mình trông tròn trịa hơn, hãy tăng bán kính đường viền.
Băng chuyền của bạn bây giờ sẽ trông đẹp!

Cách Cố định Tiêu đề Trang web của bạn bằng Trình chỉnh sửa Phần tử

Bạn có thể nhận thấy rằng một số trang web có tiêu đề của họ bị "đóng băng". Chúng tôi sử dụng thuật ngữ “Tiêu đề dính” để mô tả các tiêu đề như vậy. Vì vậy, khi bạn cuộn xuống, Tiêu đề cố định sẽ luôn ở trong tầm mắt của chúng tôi. Chúng tôi thiết lập các tiêu đề cố định để giúp khán giả dễ dàng điều hướng đến các trang khác một cách nhanh chóng mà không phải liên tục cuộn lên và xuống.

Đây là cách đặt tiêu đề cố định bằng Trình tạo chủ đề Elementor Pro cho Bố cục tiêu đề.
Tại Trình tạo chủ đề> Trình chỉnh sửa tiêu đề, hãy quyết định phần nào của tiêu đề bạn muốn đặt là cố định. Nó có thể chỉ là hàng trên cùng, hoặc một vài hàng, hoặc chỉ một phần tử. Nếu bạn chỉ cần một phần tử dính, thì hãy nhấp vào phần tử đó để chỉnh sửa. Nếu đó là một hàng phần tử bạn cần cố định, thì hãy nhấp vào hàng đó để chỉnh sửa. Nếu đó là một vài hàng, hãy nhóm các hàng này thành một phần và chỉnh sửa phần đó.

Khi bạn đã chọn những phần bạn muốn chỉnh sửa để trở nên hấp dẫn, hãy chuyển đến Nâng cao ở Thanh bên của Trình chỉnh sửa. Cuộn xuống để tìm “Hiệu ứng chuyển động”. Trong “Cố định”, hãy chọn “Trên cùng”. Bạn cũng được cung cấp các tùy chọn thiết bị để đặt lựa chọn của mình là cố định, Ví dụ: bạn có thể muốn hiệu ứng dính này chỉ hiệu quả trên Máy tính để bàn chứ không có hiệu quả trên thiết bị di động hoặc máy tính bảng và bạn có thể đặt điều đó bằng cách gạch bỏ Thiết bị di động và Máy tính bảng trong phần “Cố định Trên đồng.

Bạn có thể bỏ qua cài đặt "Bù đắp" trong hầu hết các trường hợp. Số Offset có nghĩa là lượng không gian tính bằng pixel bạn muốn để lại giữa phần trên cùng và phần lựa chọn cố định của bạn. Vì vậy, nếu bạn đặt offset thành 100px, chẳng hạn, bạn sẽ thấy rằng tiêu đề của bạn sẽ để lại một khoảng trống khoảng 100px từ trên cùng khi bạn cuộn xuống. Nếu bạn không muốn thấy bất kỳ khoảng trống nào giữa phần trên cùng và lựa chọn cố định của mình (đây là trường hợp thông thường), bạn có thể chỉ cần bỏ qua cài đặt Offset.

How to create Hover Effects on WooCommerce with Elementor Editor

Bạn có thể đã thấy một số trang web Thương mại điện tử có hiệu ứng di chuột tuyệt vời. Ví dụ: nếu bạn di chuột qua một hình ảnh, nó sẽ hiển thị cho bạn một góc khác của hình ảnh đó. Bạn có thể sử dụng hiệu ứng di chuột khi hiển thị một số hình ảnh sản phẩm trên trang chủ của mình.

Trong Elementor Editor, việc sử dụng hiệu ứng di chuột trên ảnh nền là dễ dàng nhất. Nếu bạn muốn tạo 4 cột hình ảnh sản phẩm với hiệu ứng di chuột, hãy thử cách này:

Tạo Phần và sử dụng biểu tượng + để tạo 4 cột

Nhấp chuột phải vào cột đầu tiên và nhấp vào Phong cách để thêm hình nền. Nếu bạn không thể tìm thấy biểu tượng Tải lên hình ảnh, chỉ cần nhấp vào biểu tượng sơn có nội dung “Cổ điển” trong “Loại nền”.

Sau đó, chọn Phần “Di chuột” và nhấp vào “Cổ điển” để thêm Hình nền cho Di chuột.

Lặp lại các cột còn lại với các hình ảnh sản phẩm khác nhau.

Bây giờ bạn nhận được 4 cột hình ảnh có hiệu ứng di chuột.

Lưu ý rằng chức năng “Thời lượng chuyển tiếp” chỉ áp dụng cho Thay đổi màu khi di chuột chứ không phải Thay đổi hình ảnh. Đối với thay đổi hình ảnh, đây sẽ là một quá trình chuyển đổi nhanh chóng tiêu chuẩn, vì vậy cài đặt này không hoạt động đối với sự thay đổi hình ảnh.

Cách tạo liên kết đến giữa trang

Bạn có thể đã bắt gặp một số liên kết trên một số trang web hướng bạn đến một phần cụ thể trong một trang. Đối với một số người, nó có thể là một liên kết cuộn bạn xuống giữa cùng một trang và đối với những người khác đến một trang khác nhưng là phần dưới cùng thay vì phần trên cùng hiển thị thông thường.

Điều này có thể được tạo bằng cách sử dụng Phần tử neo của Menu trong Trình chỉnh sửa phần tử.

Đầu tiên, kéo phần tử này đến điểm cụ thể mà bạn muốn liên kết trỏ đến. Kéo nó lên đầu một phần nếu bạn muốn hướng khán giả của mình đến phần này. Sau đó, đặt ID của neo này. Đặt cho nó một cái tên trực quan đề cập rõ ràng đến phần đó (để bạn không bị nhầm lẫn với quá nhiều ID).

Sau đó, hãy đến nơi bạn cần chèn liên kết và chèn liên kết này: yourite.com/#anchorID (Thay đổi trang web của bạn thành địa chỉ trang web của bạn và thay đổi anchorID thành ID mà bạn đã đặt cho mỏ neo đó).

Sự khác biệt giữa Margin và Padding trong Elementor

Đối với mỗi Phần tử trong Elementor Pro, trong Cài đặt nâng cao, bạn sẽ thấy các cài đặt cho Lề và Phần đệm.

Lề là khoảng trống giữa Phần tử được chọn và Phần tử bên cạnh.

Vì vậy, các pixel lề trên cùng sẽ là khoảng trống được phép giữa phần tử hiện tại và phần tử tiếp theo ở trên. Pixel lề phải sẽ là khoảng trống được phép giữa phần tử hiện tại và phần tử tiếp theo ở bên phải. Pixel lề dưới cùng sẽ là khoảng trống được phép giữa phần tử hiện tại và phần tử tiếp theo bên dưới.

Chúng tôi thường tạo các phần tử trong một phần. Vì vậy, nếu chỉ có 1 phần tử trong 1 phần, thì cài đặt lề của phần tử này sẽ là khoảng cách giữa phần tử và phần. Khi bạn đặt màu nền của phần tử thành một màu nhất định, bạn sẽ thấy một khoảng trắng xung quanh màu nền đó ở bên ngoài. Khoảng trắng đó là mặt cắt. Nếu bạn tăng cài đặt lề cho phần tử này, bạn sẽ nhận thấy rằng khoảng trắng lớn hơn. (Sidetrack: Nếu bạn muốn toàn bộ màn hình có màu nền đó, thì bạn cũng sẽ cần đặt nền phần đó thành cùng một màu.)

Ký quỹ có thể được sử dụng một cách tinh nghịch để tạo ra hiệu ứng tràn. Ví dụ: bạn có thể đặt lề trên cho một phần tử thành một số âm như -20px. Nó sẽ di chuyển lên trên để chồng lên phần trên. Nó có thể tạo ra một hiệu ứng chồng chéo đẹp mắt. Nếu bạn làm điều này, hãy kiểm tra xem nó trông như thế nào trên các thiết bị khác nhau.

Padding là tất cả về không gian bên trong phần tử.

Mỗi phần tử có một vùng chứa (mà chúng ta không thực sự thấy). Nếu bạn thay đổi màu nền của Phần tử đó, bạn sẽ có thể thấy kích thước vùng chứa (là kích thước của màu nền). Padding là khoảng trống được phép giữa nội dung và đường viền của vùng chứa bên trong phần tử. Vì vậy, nếu bạn tăng phần đệm của mình, bạn sẽ thấy rằng nội dung của bạn bị chèn ép nhiều hơn vào bên trong vùng chứa. Nếu bạn chỉ tăng phần đệm trên cùng, thì bạn sẽ thấy nội dung của mình di chuyển xuống bên trong vùng chứa phần tử.

Cách tạo biểu ngữ có chiều rộng đầy đủ bằng 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:

Thêm một phần

Chỉnh sửa Phần này bằng cách nhấp vào biểu tượng ở giữa xuất hiện cùng với 2 người khác khi bạn di chuột qua phần đó. Biểu tượng ở giữa này là biểu tượng có 6 chấm. Nhấp vào nó, và bạn sẽ thấy thanh bên Chỉnh sửa Phần xuất hiện ở bên trái của bạn.

Đặt Phần là chiều rộng đầy đủ và chọn “Có” cho Phần kéo dài.

Trong “Kiểu”> Nền, hãy chèn hình ảnh biểu ngữ của bạn.

Lưu nó.
Bây giờ, bạn sẽ thấy hình ảnh của mình được trải dài trên màn hình.

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

Vị trí nội dung

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%)”.

Thuộc tính trang

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

Trình tạo trang phần tử không có chức năng cụ thể hoặc thậm chí là hiệu ứng chuyển động giúp chúng ta tạo văn bản đang chạy trên thanh. Tuy nhiên, chúng ta có thể nhận được những gì được trao cho chúng ta và tạo ra thứ gì đó có hiệu quả tương tự. Đây là cách thực hiện:

Nếu văn bản đang chạy là thông báo hoặc văn bản chào mừng mà bạn muốn chèn ở tiêu đề, hãy chuyển đến Mẫu> Trình tạo chủ đề và chọn “Tiêu đề”. Trang chỉnh sửa Elementor sẽ xuất hiện. Tạo một phần. Bạn có thể thích lần đầu tiênt set it to full width.

Cuộn xuống tùy chọn Elements và tìm Slider. Số trang trình bày mặc định được cung cấp cho bạn là 3 trang trình bày. Gạch bỏ cái thứ ba để loại bỏ nó, vì chúng tôi chỉ yêu cầu 2. Sau đó, đặt chiều cao khoảng 50px.

Nhấp vào Tùy chọn thanh trượt và chọn những thứ sau:
Điều hướng: Không có
Tự động phát: Có
Tạm dừng khi Di chuột: Không
Tạm dừng tương tác: Không
Tốc độ tự động phát: 8000
Vòng lặp vô hạn: Có
Chuyển tiếp: Trang trình bày
Tốc độ chuyển đổi: 8000
Hoạt ảnh nội dung: Không có

Bây giờ, quay lại Trang trình bày và nhấp vào Item#1. Thay đổi màu nền thành Hoàn toàn trong suốt. Điều này có thể được thực hiện bằng cách kéo thanh trượt ở thanh dưới cùng sang bên trái của bảng màu. Sau đó, nhấp vào Nội dung và loại bỏ các từ Tiêu đề cũng như các từ Văn bản Nút. Trong hộp mô tả, hãy nhập văn bản chuyển động của bạn vào đây. Sao chép toàn bộ văn bản và dán vào hộp mô tả của Item#2. Thực hiện cài đặt nền tương tự cho Item#2 và nhớ cũng xóa các từ Tiêu đề và Từ văn bản nút cho Item#2.

Đối với cả Item#1 và Item#2: Nhấp vào Kiểu. Sau đó, chọn “Tùy chỉnh” là Có. Tập trung tất cả các tùy chọn: Vị trí ngang, Vị trí dọc và Căn chỉnh văn bản. Ngoài ra, hãy quyết định màu nội dung của bạn. Lưu ý rằng màu nội dung mặc định là màu trắng, vì vậy nếu bạn không nhìn thấy văn bản của mình, chỉ cần chỉnh sửa màu nội dung.

Bạn cũng có thể chỉnh sửa “Kiểu” trong phần chỉnh sửa Trang trình bày chính. Bạn có thể điều chỉnh độ rộng của trang chiếu theo ý thích của bạn.

Đó phải là nó! Bạn sẽ có thể xem các văn bản chuyển động của mình ngay bây giờ sau khi cập nhật.

Tìm mã tham chiếu WooCommerce CSS ở đâu

Bạn có thể đăng nhập vào tài khoản lưu trữ của mình để tìm Trình quản lý tệp của mình.
Đi đến:

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.

Khi sao chép mã, hãy nhớ sao chép từ một “,” sang “,” tiếp theo vì điều đó tạo thành một dòng hoàn chỉnh để chỉnh sửa. Sau đó, nhập mã mong muốn của bạn để chỉnh sửa và đặt mã vào chương trình phụ trợ trang web của bạn tại:
Appearance > Customize > Additional CSS.

Xóa hình thu nhỏ của sản phẩm trên trang giỏ hàng

Here’s the CSS Code to remove product thumbnail from cart page.
.woocommerce-cart table.cart .product-thumbnail {
display: none;
}
Go to Appearance > Customize > Additional CSS to input the code.

Tùy chỉnh Tiếp tục đến Nút Thanh toán trên Trang Giỏ hàng

Đây là mã CSS để thay đổi màu sắc cho Nút “Tiến hành thanh toán” trên trang Giỏ hàng cho WooCommerce.

.woocommerce-cart .wc-process-to-checkout a.checkout-button {
màu nền: #FFA62F;
màu: #FFFFFF;
}

Đây là mã CSS để thay đổi màu khi di chuột:
.woocommerce-cart .wc-process-to-checkout a: hover.checkout-button {
background-color: #4C4646;
màu: #FFFFFF;
}

Bạn có thể tham khảo mã màu html tại đây: https://www.computerhope.com/htmcolor.htm#:~:text=HTML%20color%20codes%20are%20hexadecimal,tables%20on%20a%20web%20page.
Chỉ cần sao chép và dán màu bạn thích vào cả mã màu nền và văn bản trong mã CSS.

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

Thay đổi WooCommerce Thêm vào Màu nút Giỏ hàng

WooCommerce the original free plugin comes with plenty of design limitations. For some, we will need to purchase additional extension plugins to align better with our eCommerce needs. For others we can try to work around what’s available to us.

We can change the colour of the Add to Cart button with the following CSS Code:
.single-product .product .single_add_to_cart_button.button {
màu nền: #FFA62F;
màu: #FFFFFF;
}

Bạn có thể tham khảo mã màu html tại đây: https://www.computerhope.com/htmcolor.htm#:~:text=HTML%20color%20codes%20are%20hexadecimal,tables%20on%20a%20web%20page.
Chỉ cần sao chép và dán màu bạn thích vào cả mã màu nền và văn bản trong mã CSS.

Go to Appearance > Customize > Additional CSS to input the code.
Credits to: https://quadlayers.com/customize-add-to-cart-button-woocommerce/ for providing us the most layman-friendly answer to this.

We also figured an additional code to add to change the color of the button and text upon mouse hover:
.single-product .product :hover.single_add_to_cart_button.button {
background-color: #4C4646;
màu: #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.

Cách xóa nút Thêm vào giỏ hàng trên các trang danh mục WooCommerce

Đi tới trình quản lý tệp của bạn ở phía máy chủ.

Nhấp vào các thư mục sau trong trình quản lý tệp:
public_html> wp-content> plugin> woocommerce

Nhấp đúp vào woocommerce.php để chỉnh sửa
Cuộn đến cuối trình chỉnh sửa và nhấp vào dòng trống.

Sao chép và dán mã sau:

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’ ); } }

Tác giả

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Thêm để khám phá

Genexus để phát triển phần mềm và ứng dụng

Bạn có cần tạo các giải pháp hoặc quy trình công việc tùy chỉnh cho doanh nghiệp của mình không? Ví dụ: Cập nhật thời gian thực hàng tồn kho của bạn cho người mua / bộ phận sản xuất; hoặc là

×

Xin chào!

Nhấp vào một trong những đại diện của chúng tôi bên dưới để trò chuyện trên WhatsApp hoặc gửi email cho chúng tôi tới adaleow@runaway.com.sg

× Làm thế nào để tôi giúp bạn?