Mb Banner Search Content

How to Display Product Variations - P1 - Using Meta Box and Gutenberg

How to Display Product Variations - P1 - Using Meta Box and Gutenberg

In eCommerce, we usually see a product that has a bunch of different variations. For example, a T-shirt may have different colors along with different information such as size and price, then each one will be a variation.

Today, we are going to display them all in a clever way on the single product page. Whenever you click on a color button, all the corresponding information of that variation will be displayed, even in the image gallery.

Continue reading "How to Display Product Variations - P1 - Using Meta Box and Gutenberg"

Display The Latest Products Section - P1 - Using Meta Box and Gutenberg

Display The Latest Products Section - P1 - Using Meta Box and Gutenberg

On the homepage or landing page of a business and eCommerce site, you can find that most of them have the Latest Products section. This is a really important part that every website owner wants. So, Meta Box decided to bring you a new tutorial series about How to display the Latest Products section in different ways. We believe that our series will help you have more choices and understand the differences between the tools and methods.

Continue reading "Display The Latest Products Section - P1 - Using Meta Box and Gutenberg"

How to Create Buttons with Dynamic Link using Custom Fields

How to Create Buttons with Dynamic Link using Custom Fields

Sometimes you may need a button that can show different links in different posts. That’s a button with a dynamic link. There are different ways to create it, one of them is using custom fields. Links will be saved into custom fields then pulled out and put into the button automatically. And, that’s where the Meta Box plugin comes in handy.

Continue reading "How to Create Buttons with Dynamic Link using Custom Fields"

How to Create Online Admission Form for School or University

How to Create Online Admission Form for School or University

Technology has been applied more and more popularly, even in education, and led to obvious changes in this special field. Notably, when the Covid-19 pandemic broke out and caused serious impacts on our lives, education institutions mostly started online teaching classes. As a result, school admission also can be done online. Students do not need to go to schools to hand in their profiles anymore. They can stay at home, and fill in their online admission forms. This can save expenses for traveling and delivery, as well as reduce risks of exposure. On the other hand, it helps the school office easily digitize the student’s data.

In this post, we are going to create an admission form for a university like that.

Continue reading "How to Create Online Admission Form for School or University"

How to create an auto-updated cheat sheet in wordpress

How to Create an Auto-Updated Cheat Sheet in WordPress

Have you ever had a regularly updated cheat sheet on a page or post, but you do not want to manually edit it anymore? I have edited my cheat sheets by hand for Black Friday event. I had to update deal lists several times per day, and that was a true nightmare.

Thus, I managed to find a more effective way to add an automatically updated cheat sheet. All I have to do is to create a submission form to input data, then the data will be automatically inserted into a table. This way can display data in a both stunning and convenient way. Let’s see how to do this!

Continue reading "How to Create an Auto-Updated Cheat Sheet in WordPress"

How to Send GET and POST Requests with JavaScript Fetch API

How to Send GET and POST Requests with JavaScript Fetch API

It's a common task for JavaScript developers to send GET and POST requests to retrieve or submit data. There are libraries like Axios that help you do that with beautiful syntax. However, you can achieve the same result with a very similar syntax with Fetch API, which is supported in all modern browsers.

In this post, we'll use the Fetch API to create get() and post() function with a beautiful syntax, much better than the default syntax provided in the Fetch API. We also improve the request performance with a simple caching and we'll take a look at how to use fetch requests with the WordPress REST API. Let's dive in!

Continue reading "How to Send GET and POST Requests with JavaScript Fetch API"

Mb Banner Search Content