Tutorials on using Meta Box and Meta Box extensions to build real websites and applications.
Each restaurant or business will have different opening hours. To have that information and display them for each on a website, there might be some techniques including using custom fields. We’re going to add an Opening Hours section into the single restaurant page in this tutorial as this example:
Continue reading "How to Display Opening Hours for Restaurants - P1 - Using Meta Box + 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" →
Adding related posts is a common way to keep your visitor stay on your site and help them find more useful content. There are several ways to do it. In this practice, we will find out how to choose a specific post to be related to another one using custom fields created with Meta Box.
Continue reading "How to Add Related Posts - Using Custom Fields" →
In this next part of this series, we're going to figure out how to have a section for the latest products using Meta Box and another website builder, Oxygen. This section will be the same as the last ones we created in the previous posts.
Continue reading "Display The Latest Products Section - P3 - Using Meta Box And Oxygen" →
In the previous part of the series “How to display the Latest Products section in different ways”, we learned how to do it with Meta Box and Gutenberg. As promised, we’re showing you another method that uses Meta Box and a page builder. Today, I choose Elementor.
Continue reading "Display The Latest Products Section - P2 - Using Meta Box and Elementor" →
Previously, we introduced to you how to create thumbnails and featured images for categories using Meta Box and Gutenberg. So in this tutorial, let’s find out how to do it with taxonomies. Basically, it’s quite similar to the method for categories. So if you don’t use any page builders, you can refer to our last post. Otherwise, try this way with Oxygen Builder in this article.
Category Thumbnails may be familiar with someone using a theme that supports this feature. However, for someone who loves something highly customized, you might create it yourself. So, today I bring you a simple solution to not only have this feature but also have beautiful featured images on Archive pages as well. Especially, it may be a good way to have high-quality images without slowing your website loading speed.
Continue reading "How to Create Category Thumbnails & Featured Images 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" →
It's common for restaurants to offer online booking services on their websites. In this tutorial, I'll show you how to create an online reservation form. This form allows clients to provide essential information for their reservation, select their desired services or items, and even calculate the total amount right within the form.
Continue reading "How to Create Online Reservation Form for Restaurants using Meta Box" →
