Tutorials on using Meta Box and Meta Box extensions to build real websites and applications.
Next to the previous tutorial on creating a simple listing using Meta Box and WP Grid Builder, we’re going to do the same thing using Bricks today. We also display the information from custom fields created by Meta Box and create some filters for posts.
Continue reading "How to Create a Simple Listing - P2 - Using Meta Box and Bricks" →
To continue the series Create Team Members Page, we’re having this post to do it with Oxygen. We still use a custom post type instead of cloneable fields. Let’s see how!
In this practice, I also have the same sample of the page as the first tutorial in this series which uses Elementor.
Continue reading "How to Create a Team Members Page - P2 - Using Meta Box and Oxygen" →
There are many ways to create a Team Members Page. With custom fields and Meta Box, you can choose to use cloneable fields or custom post types.
If you are looking for ways with cloneable fields, it’s the same as the method we used in the series on creating brand logos for partners. Just follow it.
We’re having this series of tutorials on using custom post types and using different page builders. Let’s follow us and see how!
Continue reading "How to Create a Team Members Page - P1- Using Meta Box and Elementor" →
Having variations for products is a common thing in e-commerce websites. If your website is built with Oxygen, let’s dig in this tutorial to know how to have product variations using custom fields and display them on a single product page beautifully.
Continue reading "How to Display Product Variations - P2 - Using Meta Box and Oxygen" →
In the previous part of the series “Display images from cloneable fields”, we introduced you to do it with Meta Box and Gutenberg. As promised, we are going to show you another method that uses Meta Box and another page builder, Oxygen.
Continue reading "How to Display Images from Cloneable Fields - P2 - Using Meta Box and Oxygen" →
Display images from cloneable fields is a common task for those who are building a website. For example, you may want to display a series of brand logos of typical clients or partners, even a testimonial section with an avatar along with the clients’ name and quote. In this series, we will take a ride to do it with a simple case study, brand logos.
Continue reading "How to Display Images from Cloneable Fields - P1 - with Gutenberg" →
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" →
