woocommerce hide breadcrumbs

Depending on the users’ design and requirement, they need to have woocommerce hide breadcrumbs. The aim of breadcrumbs is to filter products, as well as identify the website structure from which users can search for information with the least operations.

woocommerce hide breadcrumbs

Breadcrumbs play an important role in supporting users as well as promoting SEO such as an increase in the rate of keywords and clicks, and a decrease in the rate of page-exiting, etc. However, in small pages, landing pages are not necessary to contain breadcrumbs. It is the reason why we write this article which focuses on woocommerce hide breadcrumbs.

There are two ways to hide breadcrumbs on the WordPress website in which woocommerce installation includes

Way no. 1: Use CSS to hide breadcrumbs

It is an easy way that many people can do. Most people think of this way first because you just find its exact class and hide it by the familiar css attribute display:none.

Way no. 2: remove breadcrumbs via php code

You get to the theme folder you are using, then find function.php file. You open this file and insert the code below in the last paragraph of the file. Save the file, then get back to the website, reload the website to check.

// Remove breadcrumbs from shop & categories

add_filter( ‘woocommerce_before_main_content’, ‘remove_breadcrumbs’);

functionremove_breadcrumbs() {

if(!is_product()) {

remove_action( ‘woocommerce_before_main_content’,’woocommerce_breadcrumb’, 20, 0);

}

}

We have solved the issue related to woocommerce hide breadcrumbs on the website. You can use any way you want. However, I suggest that you should use the second way which uses php code to add to the function file. If you have any problem, please leave a comment. We will support you for free.

 

How to cancel an order on PayPal

How to cancel an order on PayPal is the question many people who use Paypal to order often ask. There are many reasons why the buyers want to cancel their orders. But they do not know how to do this. This article will help solve this problem.

How to cancel an order on PayPal

 

You may cancel your order when you realize that this product does not match with you. Or you have spent so much so far and you do not want to spend anymore. Or you just want to cancel the order. Below are the ways you can apply.

Cancel the payment

If you do not transfer PayPal payment to the store, they will not deliver goods to you. Usually, when you transder money via PayPal without confirmation, you have a right to cancel the payment by doing the following steps

  • Log in to your PayPal account.
  • Then Click Transactions at the top of the page.
  • Click the unclaimed payment you want to cancel.
  • Then Click Cancel Payment next to the unclaimed payment.
  • Click Cancel Payment to confirm

However, you can apply this way only the payment has not been confirmed. Maybe the email in which you transfer money does not exist in PayPal or the account has not been authenticated. If your account is valid, money will be sent in a short time, you cannot cancel the payment.

Contact the store

If you have transferred money but the goods have not been delivered. You no longer want to pay for this order. You can contact store owners to apologize request for a refund. In some cases, they will accept the refund happily.

In case of goods having been delivered to you already, you should view the regulation of product exchange. It depends on the regulation of each company.

Open a dispute

This is a rarely faced case, but you need to do this to protect your right. In case that you cannot negotiate successfully, you can absolutely open a dispute. PayPal allows you to do this in 180 days from the date money is transferred.

We have run through the article how to cancel an order on paypal. I believe that you now have your own solution. However, many online purchasing newbies may face the problem. Hope that you could share this article with others to read. If you have any innovative solution, please leave a comment below. We are so grateful for your action.

 

 

 

Contact form 7 send to multiple emails

contact form 7 send to multiple emails is very important to people who use contact form as a contact channel. This happens in the case that someone sends data via contact form. The contents will be automatically sent to administrative, sales and customer service departments, etc. The advantage of the contact form is that it allows users to send email directly to admin quickly without depending on mail-sending programs such as Outlook or gmail.

When the contact form is on the website, by default, customers will base on the existing fields such as name, email, title, contents to send data. After submitting the data, an email containing this data saved in the system will be sent to admin. However, you can do more than ever with contact form 7.

Contact form 7 is the well-known form builder which is used many people in the world for WordPress source code. If you use Shopify to build your website, I suggest that you should use Powerful Form Builder because it works well and has many similar and higher-level features than that of contact form 7.

Come back to today problem “ contact form 7 send to multiple emails ”, at the moment, I suggest that you should apply one in the two following simple ways.

Add extra emails to received email item

By using this way, you can enter a list of email addresses in text box “to” in the email tab of contact form 7’s installation. Remember that email addresses are separated by a comma “,”.

contact form 7 send to multiple emails

Use BCC, and CC to add email address to Additional Headers

When following this way, you enter received emails in CC, BCC in Additional Headers as below.

contact form 7 send to multiple emails

Send emails to customers

When customers send data to the website’s admin, you can automatically reply to the emails that have been sent to you. This automatic email could be thanking one. You can use this feature or not depending on your purpose.

To use this feature, you do as the following guidance. Put a tick on Use email check box.

contact form 7 send to multiple emails

Next, a window shows up as below. Your task is to enter information as below to make sure that your customers can receive your reply email. You can absolutely create your own message by changing the contents in Message Body box.

contact form 7 send to multiple emails

We have solved the problem “ contact form 7 send to multiple emails ” together. I believe that you have your own solution. If you cannot do that, please try one more time. Or you can contact us or leave us a message. We will support you for free. You can share this article because I believe that many people do not know about this solution.

 

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