How to Create a Simple Listing Using Meta Box and WP Grid Builder

How to Create a Simple Listing Using Meta Box and WP Grid Builder

Listing your post or product on a page is a common task when building a website. There are so many ways to do it, but if you want to show not only the default information about the post but also some further things from custom fields, let’s dig into this tutorial. I’m going to create an archive page for restaurants using WP Grid Builder, and also get info from custom fields created by Meta Box. The filters also are available as you can see in the below picture.

Continue reading "How to Create a Simple Listing Using Meta Box and WP Grid Builder"

How to Display Images from Cloneable Fields - P1 - with Gutenberg

How to Display Images from Cloneable Fields - P1 - with Gutenberg

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"

How to Display Opening Hours for Restaurants - P1 - Using Meta Box + Gutenberg

How to Display Opening Hours for Restaurants - P1 - Using Meta Box + 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"

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"