In the previous post, I showed you how to use the Storefront theme for Woocommerce.
Now let’s learn the basic settings of Woocommerce.
The article helps you understand the details in the Woocommerce -> Settings section . Specifically we look at the settings in the General, and Product sections.
Other settings I will leave in the next posts.
At the end of the article, I will guide some techniques to optimize Woocommerce to suit the Vietnamese market.
Now, you go to Woocommerce -> Settings, and will see the details of the settings in the General section
Contents
1. General Settings
a. General options
Default Region : Here you choose the default region for your store. This information is the basis for calculating taxes and delivery charges.
Sales Region : List of countries that you want to sell to. Select all countries, all countries except specific country or some specific country.
Shipping location ( s) : Set the country you want to ship to.
Default Customer Location : This section identifies the customer’s location and fills in automatically when the customer places an order.
Tax Enabled : If you want to use tax calculation, select this setting.
Store Announcements : Allows the display of store-wide text messages.
b. Currency options
Currency : The currency your store trades in
Currency position : manage the display of currency symbols
Thousand space : The thousands separator on the product price
Decimal point : Decimal unit separator on the product price
Number of Decimals : Set the number of decimals displayed on the shelf. Vietnam does not support decimal prices, so the value you enter is 0.
2. Product Settings
Product settings split into 4 subsections as links at the top. Click on each item to go to the respective management screen
Measure
Weight unit : Select the type of unit to calculate the weight of the product. Information used for freight forwarding charges.
Size unit : Select the type of unit to calculate the size of the product. Information used for freight forwarding charges.
Evaluate
Control product ratings
b. Display
Here are the settings that control the display of products outside the website
Shop & Fashion Products
Shop Page : Select the page you want to shop as (show the latest products with pagination)
Show store page : Choose what information you want to display on the store page.
Default Category Display Style : Choose what information customers will see when browsing the product catalog.
Default product sort type : Select the product sort type.
Add to Cart : There are 2 options where the customer will go to the cart page immediately after successful addition. Or trigger AJAX function when adding cart (no need to reload the page)
Product pictures
The settings govern the image size of the products displayed outside the website.
Force crop : This option means that the image you upload will be cropped to the exact size you set. If not selected, the image will be reduced to the set size without cropping, but will not be 100% correct.
Catalog image : Set the image size to use when displaying product listings
Single product image : Set the image size when it is fully displayed in the product detail page.
Product Thumbnails : Set the size of product thumbnails in the product gallery.
Product image gallery : Turn on lightbox if you want to use light box effect to show photo when clicking on image in product photo gallery.
Note : After resizing the image, you need to regenerate the image in the gallery using the Regenerate Thumbnail plugin .
c. Inventory inventory
Inventory management : Check if you want to use the product management function in the warehouse.
Hold time : Set the time to keep the goods when the customer has not paid. If the time is over, the order will be cancelled. Time in minutes. The default is 60 minutes.
Notifications : Option to send notifications when products are out of stock and when out of stock
Notification recipients : Email addresses of notification recipients You can enter multiple email addresses separated by commas.
Threshold about to expire : Threshold of the number of products in stock that will receive an iron out of stock notification
Out of stock threshold : Threshold amount of products in stock that will receive out of stock notification
Out of stock visibility : Checkmark if you want to hide out of stock products.
Merchandise display format : Set how to display product status in stock on the user interface.
d. Products can be downloaded
File download method : Select the file download method for the downloaded product. Where X-Accel-Redirect/X-Sendfile method helps you to redirect internally to hide the original path.
Restrict access : Check if you want customers to be logged in to download files.
3. Optimize Woocommerce to suit the Vietnamese market
Currently, some display parts of Woocommerce are not very suitable for the Vietnamese market. Specifically, Vietnam does not need a postal code, and must have a list of provinces and cities in Vietnam. In addition, we should correct the translation to be more appropriate, for example, translating the word State into Province, Province/city into district.
First of all, to display the list of provinces in Vietnam, you need to install the Vietnam Woocommerce Currency plugin .
Plugin Vietnam Woocommerce Currency
This is a plugin by author ThachPham with the following main functions:
- Add a list of provinces in Vietnam to the State/County section
- It is possible to use the payment method via Paypal with Vietnamese currency because it has a part to convert to USD at the rate you set.
- Add VND currency for Woocommerce. This is the latest version of Woocommerce already supported, so it is not necessary anymore.
After installation, you will see a change in the default region selection as shown below:
You can also set USD exchange rate to use Paypal payment gateway in Woocommerce VND menu
Note : There are currently a few provinces missing, you can manually add it by editing the plugin’s code at Edit ( Extension Pack -> Installed , Click Edit link below plugin)
Edit address field names and remove postal codes
This is the code to help you rename the State/County and City section in Woocommerce to suit Vietnam.
/**
* Ẩn mã bưu chính
* Ẩn địa chỉ thứ hai
* Đổi tên Bang / Hạt thành Tỉnh / Thành
* Đổi tên Tỉnh / Thành phố thành Quận / Huyện
*
*
* @hook woocommerce_checkout_fields
* @param $fields
* @return mixed
*/
function tp_custom_checkout_fields( $fields ) {
// Ẩn mã bưu chính
unset( $fields['postcode'] );
// Ẩn địa chỉ thứ hai
unset( $fields['address_2'] );
// Đổi tên Bang / Hạt thành Tỉnh / Thành
$fields['state']['label'] = 'Tỉnh / Thành';
// Đổi tên Tỉnh / Thành phố thành Quận / Huyện
$fields['city']['label'] = 'Quận / Huyện';
return $fields;
}
add_filter( 'woocommerce_default_address_fields', 'tp_custom_checkout_fields' );
If you look at the Storefront Theme User Guide , I mentioned the Theme Customizations plugin as a way to customize the theme so that you don’t lose your code when updating.
You copy the code into custom/functions.php
After adding the code, you add less CSS code for a cleaner display. The code you put in the file custom/style.css .
#billing_city_field,#shipping_city_field {
float: none;
width: 100%;
}
After adding, you go to the payment page to see the results:
As you can see the payment address information is more suitable for the Vietnamese market
Note : Woocommerce Checkout Manager plugin supports you to manage and customize the fields in the checkout screen. The pro version will have more functions.
Epilogue
So, you already know the details of a few basic settings in Woocommerce. In addition, you also know the Woocommerce customizations to suit sales in the Vietnamese market.
If you have any problems, leave a comment below.
