By default description, reviews and additional information show in one ‘tabs’ section in WooCommerce. Want to display ‘reviews’ outside this ‘tabs’ area separately for more user engagement and visibility? You can quickly implement this, and it also looks cool. Preview: Reviews outside WooCommerce Tabs PHP Code: Separate Reviews section In the WordPress Dashboard, go to… Continue Reading
Remove Website field from the Comment Form in Astra theme
The website field is a common component of the Comment Form in any WordPress theme including Astra Theme. Removing the website field may be required in cases when you want to prevent the commenting user from adding their website URL. A few users do it for SEO reasons and here is an easy way to… Continue Reading
Add Social Icons to right side of Menu Button in Essence Pro Genesis theme
By default, the Essence Pro Genesis Theme displays a full-screen overlay menu on click of the menu button. Do you want to add social icons next to this menu button to give better visibility to your social profile links? Here is how to add Facebook, Twitter, and Instagram icons to the theme header area. Before… Continue Reading
How to center align input field labels in Fluent Forms
By default labels in input fields of Fluent Forms is left aligned. There is a no default option to center align but it can be achieved easily with a few lines of CSS code. Ideally, center align of labels would look odd from the user experience perspective. However, if you still want them center align,… Continue Reading
Remove image Zoom Effect on WooCommerce products in Beaver Builder Theme
By default images displayed on WooCommerce product pages have a zoom effect. An image will zoom on mouse hover by the user. You can easily disable this zoom effect using a few lines of code. PHP Snippet: Removes Zoom Effect With your Beaver Builder child theme active, go to Appearance > Themer Editor in the… Continue Reading
Adds Custom CSS Class into WP Fluent Forms Markup
Are you trying to add the custom CSS class into WP Fluent Form’s <form> HTML markup? You can easily do it without editing the code plugin. There have a filter fluentform_form_class to add the custom class into <form> tag. I am sharing the PHP snippet at below. You will put it into functions.php file of… Continue Reading
Make Beaver Builder row Sticky to Top on scrolling
Want to make the content of a specific row stick to the top on scrolling down page layout made with Beaver Builder? This functionality can be implemented using code from Sticky jQuery plugin. An ideal use case, when using the menu module within the layout that sticks to the top automatically on user scrolling for… Continue Reading
Creates Portfolio Custom Post Type in Beaver Builder Theme
How do you add a custom post type in your Beaver Builder theme without any plugin? I want to create a custom post type “portfolio” to showcase my work. I used the following PHP scripts in Beaver Builder Child theme. Register Custom Post Type “Portfolio” Open the class-fl-child-theme.php file from bb-theme-child/classes folder. Add the following… Continue Reading
Adds Custom Text after Product Price
Price value is printing on shop, category and single product page via get_price_html() function. get_price_html() is a method of WC_Product_Variable class. In this method have a filter “woocommerce_get_price_html”. You can customize the current price structure with this filter as per your requirement. In this tutorial I use this filter woocommerce_get_price_html and add the custom text… Continue Reading
Edits the Add To Cart text on Single Product Page
How do you customize the default “Add to cart” text on single product page? You can easily do it without editing the core file. There have a filter “woocommerce_product_single_add_to_cart_text” for single product’s add to cart text. Change The Add to cart Text Adds Price Value in Add to cart Button Where are you add the… Continue Reading