Welcome to WP Beaches
WordPress Websites design specialists, based in the Northern Beaches, Sydney
Design, Develop, Host
RECENT POSTS
Add The Title Attribute To Featured Image in WordPress
The title attribute for the WordPress featured post has been removed for a while, but you can get it back with the wp_get_attachment_image_attributes filter which can add the HTML attribute markup back in, add to your functions.php file… add_filter( ‘wp_get_attachment_image_attributes’, ‘tl_add_img_title’, 10, 2 ); // Add title attribute to featured image function tl_add_img_title( $attr, $attachment…
Add Lets Encrypt SSL Certs on ServerPilot Free Plan
ServerPilots‘ free plan does not offer SSL certs from Lets Encrypt, it is only available on the paid plans, here is a guide below that can allow you to install and renew the SSL certs with a custom script. You need to be comfortable in the command line and be aware that ServerPilot will not…
Filter WooCommerce Order Received Thank You Text
You can filter the text on a WooCommerce order received after checkout, by default the text reads ‘Thank you. Your order has been received’, but you may want to add some further instruction, which you can do using the filter woocommerce_thankyou_order_received_text View the code on Gist. Above the original text is being replaced. Or below the…
No Header Footer Genesis Template
Below is the code to create a Genesis template with no default header or footer elements, perfect to slot in to a page builder page. Add it in your child theme and add any other CPT names in the Template Post Type line, the option to choose it will be under the Page attributes meta…
Use jQuery SlideToggle to Show/Hide Multiple Rows or Divs
In this tutorial a set of links control the visibility of a number of corresponding divs or rows. It uses jQuery’s slideUp and slideToggle sliding effects. I have used a list as the triggers that will open close the corresponding div/row – clicking a different list item will close the open content and open the relevant…
Customize WooCommerce Product Search Field
The WooCommerce Product Search field can be added via a widget and also via a template tag… get_product_search_form() Another option is a filter get_product_search_form() by which you can create your own custom search field including using an icon. The Original Markup View the code on Gist. This will just reproduce the form in it’s original…
WooCommerce Skip Cart, Go Straight to Checkout Page
WooCommerce workflow can be a little too long for simple products, you can provide a better user experience, here’s how to get the product to skip past the cart page and go straight to the checkout page. First, uncheck the cart options in WooCommerce Settings -> Products. Then add in your functions.php add_filter(‘woocommerce_add_to_cart_redirect’, ‘themeprefix_add_to_cart_redirect’); function…
Change, Edit & Rename WooCommerce Endpoints in My Accounts Page
Here is how you can change, edit and rename WooCommerce Endpoints in My Accounts Page. Since the release of WooCommerce 2.6 Woo has a revamped My-Account page, it appears as a vertical menu of links that display the corresponding table of data to the right, similar to a tabbed layout. This certainly is a better user…
Make the Top Bar Sticky in Beaver Builder Theme
Beaver Builder Theme has the option to make sticky the page header which shrinks after a little scroll and sticks to the head of the page, but this does not apply to the ‘page top bar’ if used which just scrolls in the viewport. Here is a CSS snippet to make the top page…