Are you wanting to create a login form with Fluent Forms plugin? In this tutorial I am showing you how you will achieve this functionality. Follow the video for form’s settings. PHP Snippet You will add this custom PHP codes into your theme’s functions.php file (navigate to appearance > theme editor page) or custom plugin’s… Continue Reading
Pro Tips
Creates Product Attributes Archive Page with Elementor
You can easily create the unique archive layout for product categories and tags with Elementor Theme Builder. Are you tried to create an unique archive layout for a specific product attributes? In this tutorial I am showing how you will do this with Elementor page builder plugin. Preview: Product Attributes Archive Page Enable The Product… Continue Reading
Creating Genesis Author Box with Gutenberg Block
In Genesis framework you can display the author box on every single post details page. When you will enable the author box for single & user profile page, your author box will be look like this We shall create custom one with Gutenberg block editor & AB Profile Box block of Atomic Blocks plugin. I… Continue Reading
Display Category Image on Oxygen Builder Category Page Template
We shall upload the category image as term meta data and display this image as a banner image on the Oxygen Builder category page template. For image upload field I am using the ACF plugin. Make sure that you install and activate the ACF plugin before processing the next steps.
Display First Image of Product Gallery Instead of Featured Image on Single Product Page
By default featured image is showing at first on single product page. We shall show the first image of product gallery images instead of featured image. If a product have not gallery images, then featured image will display. PHP Snippet Open the functions.php file of your theme and add this PHP codes at end of… Continue Reading
Displaying Recent Blog Posts in Tiles Style with Elementor Pro
How do you display the recent blog posts in tiles layout with Elementor Pro Posts widget only? For example, you are creating the static home page with Elementor page builder and adding the recent blog posts section there. So this kind of tiles layout will be more attractive for design. I used the blog post.… Continue Reading
Displaying Recent Posts in Tiles Style with Beaver Builder Plugin
I am displaying the recent blog posts in tiles style with Beaver Builder Pro plugin (no extra third party add-ons) on static front page. See the image at below: Top one is the full width one column row and insert the single Post module. I setup a placeholder background image(An image placeholder is a dummy… Continue Reading
Displaying the Beaver Themer Header on Scroll
I am completely hiding my Beaver Themer header, until the user scrolls and it would be appear in sticky mode. In this tutorial I’m sharing the complete procedure. Creating The Site Header At first I create the site header with Beaver Themer add-on. There have two restrictions in Themer header settings. You will not enable… Continue Reading
Displays Offer Notice Above The Shipping Calculator On Cart Page
You set some kind of shipping offer based on items for customers and show in cart totals area on cart page. For example, you will give the free shipping offer when your customer will buy 3 or more items from your site. So small acknowledgement bar above the shipping calculator will notice the buyer how… Continue Reading
Embeds Video Popup on WooCommerce Single Product Page
How do you add a video popup link at below the product summary text on WooCommerce single product details page? You can embed the YouTube or Vimeo or any other videos via product add/edit screen page at Dashboard. In this tutorial I shall show how you’ll add it. What am I doing? Adding a video… Continue Reading
Essence Pro : Adding The Cart Icon at Right Side of The Logo
DESKTOP CELLPHONE / MOBILE I add the WooCommerce shop at my site which is using the Genesis Essence Pro theme. By default cart icon (mini-cart) is not showing on header in Essence Pro theme. I add it with some custom PHP and CSS codes. I place the cart icon at right side of the logo.… Continue Reading
Floating Sticky Search Form Icon Button
I am adding the search icon at bottom right area of the WordPress site and opening/or displaying the search form after clicking on the search icon button (see the above the image). I am sharing the full instruction here. Search Form PHP File Creates a search form PHP file “toggle-search-form.php” and save into your theme’s… Continue Reading
Hide a column on Fluent Forms Entries Page
As an example I am hiding the Password column of my user registration form. When I am viewing the entries of my user registration form, password of all users are showing on entries list page. I am hiding it. You can hide one or more columns of any Fluent Forms. PHP Snippet: Hiding The Column
How to display ACF repeater content on single product page
I want to display some custom contents in accordion style on single product page below the short description. I used Advanced Custom Field Pro (ACF PRO) plugin’s repeater field for custom content. So user can easily add/edit these data from their product edit screen. What is Repeater Field? It is fully described here. Lets start the procedure… Continue Reading
How to have the category description display only on the first page of the archives?
I already explained how you will display the category description below the category title with Elementor Theme Builder. Here I shall show you how you will display the description only on the first page of the archives. Adding Custom CSS Class into Category Description Widget At first I add a custom CSS class “el-cat-description” into… Continue Reading
How to remove the submit button from WP Fluent Forms
I am creating a calculator form with WP Fluent Forms plugin. I do not need the submit button there. That reason I am deleting the submit button and adding my own custom button. In this tutorial I am showing how you will remove the default submit button from WP Fluent Form. Getting the Form ID… Continue Reading