How to create woocommerce purchase note

woocommerce purchase note is messages that customers send to the store when purchasing. The messages could be notes of address, or reminders to remind admin the date of goods delivery. This article will help you understand what purchase note on woocommerce is as well as how it works, where the data display, and how to eliminate it when unnecessary.

woocommerce purchase note

Display purchase note

In order to see the note contents from customers, you get to Order of Woocommerce. When getting to each order, you will see the content as the figure below

woocommerce purchase note

Change the purchase note placeholder

You can replace the default placeholder of Woocommerce purchase note with the syntax of the following command. You should remember that it only works when being added to function.phpin the theme folder file.

add_filter( 'woocommerce_checkout_fields', 'ht_woocommerce_checkout_fields' );
/**
* Change Order Notes Placeholder Text - WooCommerce
*
*/
functionht_woocommerce_checkout_fields( $fields ) {
$fields['order']['order_comments']['placeholder'] = 'Your custom placeholder';
return $fields;
}

Now, the checkout page in the front end will display like that

woocommerce purchase note

Remove woocommerce purchase note

woocommerce purchase note is seen not to be a required field. You can enter it or not. Therefore, there are two ways of hiding this field

The first way is using css to hide it.

.woocommerce-additional-fields {display:none}

You add this code to css. file. Press F5 button to check.

woocommerce purchase note

 

The second way is safer. If you accidentally add a field with the same class as the class in the figure above, this field will be hidden by chance. Therefore, you should add it to function.php file, then add the below code

add_filter( 'woocommerce_enable_order_notes_field', '__return_false' );

After the article Woocommerce purchase note, you must have known to use it properly depending on the project that you are developing requires purchase note or not. I have worked on many projects so I see that there are many custom requirements in orders. For instance, customers want to add/delete a field, change the order of data displayed, and retrieve users’ data to deliver to the back end for the admin to check. If you are using woocommerce, you should read our next articles. We will have more articles about customer checkout page as well as order. But if you are using Prestashop, I suggest that you should use Order edit module. Because this module helps arrange, edit, and add new orders easily.

 

how to add a drop down menu in Shopify?

Drop down menu is one type of menu including a parent menu and submenus. When you hover or click on the parent menu, a list of submenus belonging to parent menu will show up. Drop down menu makes your websites more tidy, attractive and professional. Drop down menus on Shopify are different from other source codes. So, how to add a drop down menu in Shopify? This article will help you answer this question.

The first step is that you log in the back office of Shopify. The link for you to login is http://yourdomain/admin . Use your account to log in the website. Please make sure that your account has right to create and edit menus. To check this right, you click on Online Store, and click on Navigation. If you can add menu, you are allowed to continue. If not, you should use another account or request for your account to be given extra rights.

how to add a drop down menu in Shopify

Add a parent menu

You can edit a menu in the list of existing menus by adding a drop down menu. Or you can create a new menu.

Title: You input the name of the menu

Add menu item: Here you add menu items. For example, in this article, items are Home, Shop, Sale, Collection, Blog, Pages

how to add a drop down menu in Shopify

After adding menu item, we have a menu as below

how to add a drop down menu in Shopify

Add submenus

You may ask why the question how to add a drop down menu in shopify is related to submenus. If you do not know the answer, I will explain to you. Drop down menu includes a parent menu and submenus. Usually, on the screen, parent menu displays and submenus hides. When you hover mouse cursor to the parent menu, a list of submenus will display.

how to add a drop down menu in Shopify

One special thing of Shopify is that the name of submenu should be set as the same as that of the menu item. In the following example, we create submenus for home item. We will set the name as “home”. We add custom items with names home page 1, home page 2, home page 3, etc. for example.

how to add a drop down menu in Shopify

We have run through the article how to add a drop down menu in shopify. If you have the same question such as how to make a drop down menu in shopify , or how to create a drop down menu in shopify, I believe you have your own answer. It is too easy to create a drop down menu on Shopify. I believe that you can do that.

If you want to create a drop down menu with unlimited submenus, I suggest that you should mega menu app. It supports to add not only unlimited submenus but also contact form, html, image, and best-selling products, which makes your website more lively, increasing customers’ experiences and your revenues.

If you are good at html, css code, please read this article which will help you to create a menu with code

 

How to create shopify mega menu code

shopify mega menu code is a combination of html, css, js source codethat you can add to your website. You can use this free mega menu code to add to your project. This article will guide you on how to create and insert mega menu code in your website.

In this example, I will create a simple mega menu including a drop down menu, and images. Based on this example, you can customize it so that it can be suitable for your store and your hobby as well.

Create mega menu code

To facilitate the process of editing code, you could use software such as như note notepad++, phpdesigner, etc. Or you can open directly the Shopify’s file in the back end of Shopify.

In this example, we use phpdesigner to edit code. We will add shopify mega menu code to the website if everything is okay after testing.

Create index.html file with the following content

<div class="navbar">
<a href="#home">Home</a>
<a href="#news">News</a>
<div class="dropdown">
<button class="dropbtn">Dropdown
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<div class="header">
<h2>Mega Menu</h2>
</div>
<div class="row">
<div class="column">
<h3>Category 1</h3>
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
<div class="column">
<h3>Category 2</h3>
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
<div class="column">
<h3>Category 3</h3>
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
</div>
</div>
</div>

Create style-megamenu.css file with the following content

* Navbar container */
.navbar {
overflow: hidden;
background-color: #333;
font-family: Arial;
}
/* Links inside the navbar */
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* The dropdown container */
.dropdown {
float: left;
overflow: hidden;
}
/* Dropdown button */
.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font: inherit; /* Important for vertical align on mobile phones */
margin: 0; /* Important for vertical align on mobile phones */
}
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: red;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
width: 100%;
left: 0;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* Mega Menu header, if needed */
.dropdown-content .header {
background: red;
padding: 16px;
color: white;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Create three equal columns that floats next to each other */
.column {
float: left;
width: 33.33%;
padding: 10px;
background-color: #ccc;
height: 250px;
}
/* Style links inside the columns */
.column a {
float: none;
color: black;
padding: 16px;
text-decoration: none;
display: block;
text-align: left;
}
/* Add a background color on hover */
.column a:hover {
background-color: #ddd;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}

We will test the menu by opening index.html file on the browser. If there is any problem that needs to be edited, you edit it the file you have created.

Add code to Shopify

To keep your website safe, you duplicate the theme, and try this mega menu on the duplicated theme.

shopify mage menu code

We can use Preview status of Shopify by clicking on Action button. In the list of drop down menu, you click on preview as below. In this status, only you can see the changes on the website when you add mega menu code. This will be safe because your customers are not affected. And if there is something wrong with the interface, nobody knows this.

shopify mage menu code

Next, we will edit code

shopify mage menu code

Depending on the place you want the menu to be displayed, you select a proper file to edit. In this example, I use the default Debut theme. I will add Shopify mega menu code to the existing main menu of the theme.

Add html code to theme

In the Debut theme, the following code helps display the menu {% include ‘site-nav’ %}

Now, you open header.liquid file, search for code {% include ‘site-nav’ %} in line 177 of the original theme. We will edit this code as {% include ‘mega-menu’ %}

shopify mage menu code

Next, in Snippets, you click on Add a new snippet, enter texts “mega-menu”, and click on Create snippet

shopify mage menu code

In mega-menu.liquid file, you add all the html contents in index.html file we have prepared in the first step and save them.

shopify mage menu code

Add css to theme

Add these codes {{ ‘mega-menu.css’ | asset_url | stylesheet_tag }} to theme.liquid file

shopify mage menu code

In Assets, click on Add a new asset. A popup shows up, you click on Create a blank file. Enter the name of “mega-menu” file, choose format as “.css”, click on Add asset bordered in red.

shopify mage menu code

Next, enter the content of style.css file to mega-menu.css file just created, then save this.

shopify mage menu code

 

Now, you enjoy the result in the front end.

We have just created shopify mega menu code and add it to the website. This way in not time-consuming, you just need to copy and use the codes. But it is extremely difficult for people who do not know about codes. If you do not know about codes, I suggest that you should use mega menu app. When you use this app, you just need to drag and drop to create a menu. There are many menu types so that you can show your creativity. You can refer to this link https://apps.shopify.com/globo-mega-menu to try using the demo. Of course, your menu will be much more attractive. I really recommend you to use this app.

How to empty amazon cart

How to empty amazon cart is the question that many people are interested in. Amazon is one of the biggest e-commerce website in the world. A lot of selling and buying activities take place there every day. The remove button is too small as well as not outstanding for buyer to see. This article will help you solve this problem.

Many people just search for products on Amazon page and click on “add to cart button” accidentally. Now they want to delete these products to order new products or just not to see these products in their cart.

If you are in this case and these are your favorite products ata low price, you may buy them. However, if you do not like these products, or do not know about it, or just do not want to buy, you can remove them from your cart.

I have searched for solution with key words such as amazon empty cart or how to empty amazon cart but I find nothing. I have to solve this myself.

In Amazon’s interface, you click on cart button at the top-right corner of the screen.

How to empty amazon cart

 

In the next page, here is our familiar cart. However, Amazon is different from other e-commerce web pages because it does not have Empty cart. You have to delete each product. And each product quantity cannot be updated to zero, the smallest quantity is one, so you cannot use this way.

How to empty amazon cart

The most potential way now is that you delete products in your cart one by one. Please look at the last line of each product. You click on Delete as below. After having clicked already, your cart is empty.

How to empty amazon cart

as far as you know, there are many times you accidentally add products to your cart without any notification. but if this store uses abandoned cart reminder module, you will receive notifications on browser, or popups, or emails if you the store’s member. In each time you get these notifications, maybe you will get a voucher code of the these products which helps you save money.

You have run through the article how to empty amazon cart. I believe that now you can solve your own problem. There are still many people need this solution. So, please share this article. If you have any problem, do not hesitate to contact us. We are willing to help you.

woocommerce csv import variable products

woocommerce csv import variable products are interested by many people because some logins do not support to import products including variables. However, lots of shops and suppliers sell products including variables. This article will help you.

Create Your Variations CSV

Firstly, you create a csv file which includes product information such as name, image, etc. to save in database. To make sure that you use a correct file and avoid errors, you should use the sample file of woocommerce or plugin.

In Product item, you see Export as below.

Woocommerce csv import variable products

In the next window, you click on Generate CSV as below

Woocommerce csv import variable products

 

If you are using plugins, there will more options forcsv files by selecting export fields to the file as below. The advantage, in this case, is that only necessary fields are exported, which makes the csv file simpler and more convenient for future editing.

Woocommerce csv import variable products

To us, woocommerce csv import variable products will be perfect and work smoothly if you have a well-prepared file with the right format. Our experience is that you import one or two products perfectly. Then you export these data to the csv file to make a sample file other products. In order not to waste too much time on editing the csv file, you should try importing several products. If everything works well, you can start importing products in bulk.

Configure woocommerce csv import variable products

After having a correct csv file which matches with the sample csv file, we start to import products.

Step 1: Upload CSV file as below. We search for the file we have prepared. Then click on Continue

Woocommerce csv import variable products

In addition, you can also click on “Show advanced option” to configure more highly. There is one option which you can use to update products. For example, you want to increase the price or other information of products from another csv file, you just need to click on Update existing products as below.

Woocommerce csv import variable products

Step 2: In this step, you view the information on the left side and edit information on the right side. If your products include variables, you should pay attention to fields such as Attribute name, Attribute value as below.

Woocommerce csv import variable products

After selecting and configuring the above fields, you click on Continue button. The process of importing products starts. Now, you just need to wait for products imported in bulk. You must be surprised when realizing that it takes only from five to seven minutes to import thousands of new products or update existing products. Comparing with importing manually, it is unimaginable.

Woocommerce csv import variable products

Thanks for reading this article about import variable products in woocommerce. All source codes such as Shopify, Magento, Prestashop support to import products by default. However, import product modules and apps have more high-up features. If this article is helpful for you, please share it with others. If you have any comment, please leave a comment below or contact us.

 

 

products not showing in woocommerce

products not showing in woocommerce is a commonly case you may face when you start e-commerce on this platform. There are many causes of this problem which sometimes are extremely silly. In this article, I will mention causes that you do not see.

Due to the developer

You are the developer editing the code of the woocommerce web page. If you face this case, you should check the code. Please make sure that you do not use command die() in php or comments. Also, you should check if css and javascript codes have effects on your site. You can check by moving on to another default active theme or on the backup theme. If the products do not show up, you should have known what the problem is.

Due to cache

This case is rare but it does not mean you will not face it. There are server cache and browser cache. If the cause is server cache, you should contact the hosting and server service supplier and require them to enable the cache so that you can work. If the problem is due to browser cache, you can clear it or use incognito browsers to solve it.

products not showing in woocommerce

You have not published products

You should check if your products are in public status. If they are in another status, they cannot be displayed.

My croatian translation of products is not showing in woocommerce

You may face the case if you use plugins supporting translation such as wpml. The products can be inputted manually or by using import product module.

products not showing in woocommerce

When you face this problem, keep calm, disable each plugin and check again. Maybe plugins conflict together.

Besides, the problem may be caused by the errors in database. If you use wpml, please do as the following guidance.

Firstly, back up your web page including codes and database

  • In back office, get in “WPML > Support
  • Click on “troubleshooting”
  • In “General Cleanup”, click on the following buttons:
  • “Cleanup General” button (if it exists in your setup)
  • “Fix element_type collation” button
  • “Set language information” button

Hope that you can solve your problem. If not, you should contact wpml for support.

You have run through the problem related to products not showing in woocommerce. You must have had your own solution. If you have any idea, please leave a comment below.

What is sample cvs file

sample cvs file is used to import to systems or used as a template of other files. These files may include information about products such as name, price, image, brand, etc. If you build an importing product module, you should create asample file so that users can use the module easily.

If you use Shopify platform, you must have been familiar with this term. Because when you are going to import products, the system will announce that you should download the sample file to know the exact format of the system. So, you can edit your csv file to be the same with the sample file’s format.

sample cvs file

 

Similarly, other systems also provide you with sample cvs file or sample exel file. Their aim is to help you edit your file according to their sample file. When you follow the sample file, importing product becomes extremely easy and simple.

In other systems such as Woocommerce, Prestashop, Magento, you should implement similarly. You should pay attention to the structure of the sample file. For example, fields are separated by doc (.) or comma (,). They are distributed in columns or rows.

You can download sample cvs file in order to know the structure of the file depending on using purposes.

If you are using Prestashop source code, I suggest that you should use Import product module. I have used many different modules and the default feature of this system as well. However, I find that the importing feature of the system is so bad. When you use the module I suggested before, you do not need to view sample cvs file because it includes a custom edit feature, and works well with formats of the files. In addition, if you have any problem when importing, you just need to contact developers. They will support you via email or Teamviewer. If you are interested in this module, please refer to here

woocommerce shipping address not showing in check out page

woocommerce shipping address not showing in check out page is a popular case we often face in wordpress. It happens when you purchase and go to payment step but there is no place to add a delivery address as well as delivery method.

By default, woocommerce just provides customers with only one payment address. Therefore, in checkout page, you do as below if you want to add another address:

Firstly, you get into back office, hover mouse cursor to Woocommerce, and click on Settings

woocommerce shipping address not showing in check out page

Then you click on Shopping as below

woocommerce shipping address not showing in check out page

In Shipping Zones, click on Add shipping zone button in the picture below

woocommerce shipping address not showing in check out page

You input Zone name, and Zone regions according to your needs. Click on Add shipping method to continue

woocommerce shipping address not showing in check out page 

The screen will display as below, you select an appropriate method and click on Add shipping method

woocommerce shipping address not showing in check out page 

You could see the image below, click on Edit to edit information related to this method

woocommerce shipping address not showing in check out page 

You input all required information such as delivery method, and the amount of delivery payment. The amount will be included in the amount of the invoice. Click on Save changes button to save the information.

woocommerce shipping address not showing in check out page 

The problem woocommerce shipping address not showing in check out page has not been solved, you need to do one more step.

Click on Shipping option and select Default to customer shipping address as below

woocommerce shipping address not showing in check out page 

Now you come back to the checkout page to enjoy the fruit. You can add another shipping address

woocommerce shipping address not showing in check out page 

If you get into trouble with woocommerce shipping address not showing in check out page, I believe that you have found the solution after this article. If not, do not hesitate to contact us. If your friends face the same problem, please share this article with them. We and your friends are so grateful for your kindness.

woocommerce customize checkout fields

“ woocommerce customize checkout fields ” is commonly used by users to improve their websites. As far as we know, wordpress in common and open source codes supporting e-commerce in general support users in all around the world. If you want to be different, you need to edit them.

In each nation, or in each region, buyers will have a distinctive purchase and payment habit. It is due to customers’ custom and local law. Therefore, “ woocommerce customize checkout fields ” is always a problem with newbies.

You should notice that the guidance in this article has been tested and used on WooCommerce 3.0 or the later ones. With the older versions, you should not follow this guidance because it may create bugs on your web page. If you want to have a trial, you can work on a backup site in order not to have influences on your web page as well as your revenues.

Add custom checkout fields woocommerce

The below code will help add more fields to the checkout page. For example, you want to add fields to know how old your customers are, which gender they are. Of course, they are just examples. You can add custom fields properly in the context of the real project.

The checkout page interface will have two more fields as below:

woocommerce customize checkout fields

Here is the code content, please copy it and paste in function.php file

// Add a new checkout field
functionht_filter_checkout_fields($fields){
$fields['extra_fields'] = array(
'old_field' =>array(
'type' => 'text',
'required'      => true,
'label' => __( 'How old are you' )
),
'gender_field' =>array(
'type' => 'select',
'options' => array( 'Female' => __( 'Female' ), 'Male' => __( 'Male' ) ),
'required'      => true,
'label' => __( 'What is your gender' )
)
);
return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'ht_filter_checkout_fields' );
// display the extra field on the checkout form
functionht_extra_checkout_fields(){
$checkout = WC()->checkout(); ?>
<div class="extra-fields">
<h3><?php _e( 'Additional Fields' ); ?></h3>
<?php
// because of this foreach, everything added to the array in the previous function will display automagically
foreach ( $checkout->checkout_fields['extra_fields'] as $key => $field ) : 
woocommerce_form_field( $key, $field, $checkout->get_value( $key ) );
endforeach; 
?>
</div>
<?php }
add_action( 'woocommerce_checkout_after_customer_details' ,'ht_extra_checkout_fields' );
 

Display the extra data on order received page and my-account order review
After carrying out the payment successfully, you get access to order receive page and thank you page

woocommerce customize checkout fields
In order to have the above result, you need to add this code to function file

// display the extra data on order recieved page and my-account order review
functionht_display_order_data( $order_id ){
$order = wc_get_order( $order_id ); ?>
<h2><?php _e( 'Additional Info' ); ?></h2>
<table class="shop_tableshop_table_responsiveadditional_info">
<tbody>
<tr>
<th><?php _e( 'Old Field:' ); ?></th>
<td><?php echo $order->get_meta( '_old_field' ); ?></td>
</tr>
<tr>
<th><?php _e( 'Gender Field:' ); ?></th>
<td><?php echo $order->get_meta( '_gender_field' ); ?></td>
</tr>
</tbody>
</table>
<?php }
add_action( 'woocommerce_thankyou', 'ht_display_order_data', 20 );
add_action( 'woocommerce_view_order', 'ht_display_order_data', 20 );

Display data in backoffice

woocommerce customize checkout fields

woocommerce customize checkout fields will save received data in the back office if you use the code below

// display the extra data in the order admin panel
functionht_display_order_data_in_admin( $order ){  ?>
<div class="order_data_column">
<h4><?php _e( 'Extra Details', 'woocommerce' ); ?></h4>
<?php
echo '<p><strong>' . __( 'Old field' ) . ':</strong>' . $order->get_meta( '_old_field' ) . '</p>';
echo '<p><strong>' . __( 'Gender field' ) . ':</strong>' . $order->get_meta( '_gender_field' ) . '</p>'; ?>
</div>
<?php }
add_action( 'woocommerce_admin_order_data_after_order_details', 'ht_display_order_data_in_admin' );

After the article about woocommerce customize checkout fields ,you must have your own idea. If you want to delete fields, please refer to the previous article which includes detailed guidance on how to delete fields on the checkout page. Or if you do not want to use Prestashop source code, I share with you Custom field module. When using this module, you do not need to know about code. You only need to drag and drop, and design your own site. Besides, you can try using it on the demo site before deciding to have one. This is the module link if you interested   https://addons.prestashop.com/en/registration-ordering-process/27422-custom-fields-registration-form-and-checkout.html

woocommerce remove additional information checkout

woocommerce remove additional information checkout is the way helping us remove unnecessary information on the checkout page. By default, the system has some required fields customers must fill in when carrying out the payment. However, depending on your purposes, you can add or delete fields properly. This article will help you solve the above problem.

If you are a woocommerce newbie, I suggest that you should study the document about it. The document which helps save much time in the future is quite detailed. Right now, we will go straight to the main point woocommerce remove additional information checkout.

woocommerce remove additional information checkout

In order to edit things in the front end of woocommerce, you can install plugin, or find code of woocommerce plugin to edit. However, the safest as well as the most effective way is that you insert code to function file.php. This way ensures that your plugin will not be edited, which facilitates update the system as well as the plugin.

Delete Company and Phone field.

In theme folder of your current website, you move to function.php file and copy the code below and paste in the final part of the file. You could view the comment in code to understand the purpose of each code.

functionwc_ht_remove_checkout_field( $fields) {
  unset( $fields['billing']['billing_company'] );  //  Removes the Company Field.
  unset( $fields['billing']['billing_phone'] );   //  Removes the Phone Field.
 return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'wc_ht_remove_checkout_field');

Remove ‘order notes’ from checkout

function wc_ht_remove_checkout_field( $fields) { 
unset($fields['order']['order_comments']); // remove order comment fields 
return$fields; }
add_filter( 'woocommerce_checkout_fields', 'wc_ht_remove_checkout_field');

Remove billing details from WooCommerce checkout

functionwc_ht_remove_checkout_field( $fields) {
unset($fields['billing']['billing_first_name']);
unset($fields['billing']['billing_last_name']);
unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_1']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_postcode']);
unset($fields['billing']['billing_country']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_phone']);
unset($fields['order']['order_comments']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_postcode']);
unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_last_name']);
unset($fields['billing']['billing_email']);
unset($fields['billing']['billing_city']);
return$fields;
}
add_filter( 'woocommerce_checkout_fields', 'wc_ht_remove_checkout_field');

Remove shipping fields from WooCommerce checkout

functionwc_ht_remove_checkout_field( $fields) {
// remove shipping fields
unset($fields['shipping']['shipping_first_name']);
unset($fields['shipping']['shipping_last_name']);
unset($fields['shipping']['shipping_company']);
unset($fields['shipping']['shipping_address_1']);
unset($fields['shipping']['shipping_address_2']);
unset($fields['shipping']['shipping_city']);
unset($fields['shipping']['shipping_postcode']);
unset($fields['shipping']['shipping_country']);
unset($fields['shipping']['shipping_state']);
return$fields;
}
add_filter( 'woocommerce_checkout_fields', 'wc_ht_remove_checkout_field');