Skip to content

Create a Loop of Bootstrap 4 Tabs in WordPress with ACF Repeater

Boostrap Acf Repeater Tabs

This tutorial looks to Create a while loop of Bootstrap 4 Tabs with an ACF Repeater field in WordPress. You need to already have Bootstrap 4 enabled in your theme and ACF Pro plugin installed. Create the ACF Repeater fields for the tabs.   You can create as many tabs as needed, assign the field…

Read More

Fix Google Search Console Coverage Errors – WooCommerce

Google Search Console Coverage Errors

Google Search Console alerts users when certain pages submitted in the sitemap are set to no-index and generates a coverage error, this can include WooCommerce pages like… /cart /checkout /my-account /?-add-to-cart These pages shouldn’t be cached or indexed and are correctly set to noindex, to remove the error you can add them to your robots.txt…

Read More

Create A Responsive Bootstrap 4 Tab/Accordion ACF Repeater Loop

Boostrap Acf Repeater Tabs

Create a Responsive Bootstrap 4 Tab/Accordion ACF Repeater Loop for use in WordPress. Bootstrap 4 Tabs stay as tabs in all viewport sizes which isn’t great responsively for larger content, however, this code has been adjusted to go from Bootstrap tabs to accordions at a certain breakpoint. (There is also another non-Bootstrap script that does…

Read More

Add Product Price in WooCommerce as a Shortcode

Woocommerce Shortcode Product Price

Looking to insert a WooCommerce product price into a layout, well you can add the WooCommerce Product Price as a shortcode using the product ID as an attribute for the correct product. The code below goes into your functions.php file, the add the shortcode where you need to display the price. add_shortcode( ‘cl_product_price’, ‘cl_woo_product_price_shortcode’ );…

Read More

Create an ACF Repeater Loop of Bootstrap Modals in WordPress

Foreach Loop Bootsrap Modals

Create a while loop of Bootstrap Modals with an ACF Repeater field in WordPress. Create the ACF Repeater fields.   You can create as many fields as needed, this example uses 3 basic fields, assign the field group to a post or page and populate the repeater rows. Add the ACF Loop Code View the…

Read More

Creating a loop of Bootstrap Modals

Foreach Loop Bootsrap Modals

To create a loop of Bootstrap style modals on a page, you can use a foreach or while loop in PHP. First, let’s do the code for one modal. Single Modal Code <!– Button to Open the Modal –> <button type=”button” class=”btn btn-primary” data-toggle=”modal” data-target=”#myModal”> Open modal </button> <!– The Modal –> <div class=”modal” id=”myModal”>…

Read More

Change the Additional Information Placeholder Text field in WooCommerce

remove order notes field woocommerce

You can change the WooCommerce  Additional Information placeholder text field in the checkout page with the woocommerce_checkout_fields filter. Use it in your themes  functions.php file like so… add_filter( ‘woocommerce_checkout_fields’ , ‘wpb_custom_additional_info’ ); // Change placeholder text in Additional Notes function wpb_custom_additional_info( $fields ) { $fields[‘order’][‘order_comments’][‘placeholder’] = ‘Add a Shipping address here if different from Billing…

Read More
Scroll To Top