Entries by Gina

How To Add A ‘Write Your Review’ Link to WooCommerce Product Pages

Append the link to the reviews line In your theme folder, be sure to have a js file you can add code to and enqueued properly. $(‘.woocommerce-product-rating .woocommerce-review-link’).after(‘ | <a class=”write-your-review” href=”#tab-reviews”>Write Your Review</a>’);   Close the active tab, open the reviews tab, and scroll to the location Now that we have the link where we want it, we need to scroll to the section we want. But, WooCommerce already has a different tab open by default, or the user […]

How To Create A Product Reviews Shortcode Query

This particular shortcode will only work on the single product view. Modification would be needed to make it work elsewhere within the website. In case you’re wondering how this would even be useful on product pages, take a look at my article on how beaver builder was added to product pages.   The Shortcode To do this we set the $product as global in order to grab the id of that product so we can use it in the query […]

Genesis Custom Loop Not Paginating Correctly On front-page.php

I recently had to debug why genesis_custom_loop wasn’t working on a homepage. The pagination at the bottom had “Next Page” but it only ever linked to page 2 even if the current “page” was 5. In the general settings, the homepage was set to a static page, not “The Latest Posts” page. genesis_custom_loop uses genesis_posts_nav for the pagination and there’s no known way to update what the $page or $paged variable is to reference. Basically, static pages were never meant for pagination, so it won’t return the proper value […]

Make Beaver Builder Work on WooCommerce Product Pages

In this particular use case, the Description Tab of the product wasn’t being used; only the “Short Description” which shows up at the top right. The long description shows under the product in the tabs panel. The content area will be placed at the bottom of the page (after the product tabs and before the footer) and able to be edited by Beaver Builder. Obviously, make sure you have Beaver Builder installed and your post type settings should have “Products” […]

How To Add A Fifth Column To Beaver Builder’s Footer Widget Area

Since widgets have been native to the Appearance > Widgets area, I wanted to keep that familiar set up instead of using Beaver Builder’s really cool global rows/sections ability which you could certainly use to achieve the same or similar result. This article assumes you’re using the Beaver Builder Theme + Child Theme setup.  I strive to customize things in a way that makes since, works the way you would expect, and is simply logical. The code below will work in such […]

How to open links in a new tab only for custom post types

Recently, I’ve been building a custom project where users will be able to download a library of resources. It wouldn’t be an ideal management experience to check/tick the open in new tab/window option when adding links to all the resources. There will be hundreds! But at the same time, I don’t want to change the default link behavior, because these resources will be (so far) the only thing that I will want opened in a new window. There’s of course […]

How to Change Beaver Builder Social Icon Style

Beaver Builder has been a great tool that most of my clients are really enjoying using. It makes their experience with their website much less dreadful. There’s so much flexibility for the developer and also for the designer.   I wrote only a couple lines because I didn’t want my social icons to have a background, I felt like the weight of the icons were too heavy and distracting for the area. View the code on Gist. The result is […]