Removing Product Description from Woocommerce

Removing Product Description from Woocommerce

I have been searching all over for this and finally found it today!!!
How to get rid of the words “Product Description” at the top of the Description tab on a Woocommerce product. Yahoooo!

Woo-product-description-removal2

So grateful to Template Monster for this hack (see original blog to be able to copy and paste the code)

So here it is:

  1. Go to your WordPress Admin and select Appearance -> Editor
  2. From the files on the side select “Functions”
  3. Add in this file (at the bottom is easiest then you are not messing with any other code) the following code – sorry it is picture mode, still working out how to put code in my blog.Woo-product-description-removal
  4. Click Save at the bottom and you are done!!  Super easy!!

Woo-product-description-removal4

If you would like to leave it there and change the words put the new words you want like this:

return ‘New Words Here’;

(To find out how to change the tab title like above I will share in another post soon)

 

Divi – Woocommerce Product Category Archive Pages

Divi – Woocommerce Product Category Archive Pages

Some of you are aware that I LOVE Divi Theme from Elegant Themes but one of the things that has been frustrating me is not being able to personalise the archive pages on my Woocommerce product category pages.  Well I solved it with no plugins pieced together from bits all over the web.  So how did I do it?

Here is the step by step tutorial on the video as I show you all the steps:

So what were they again?  and what were the magic bits I pasted in?

Here is the quick reference guide:

  1. Create Your Layout
    1. In your WordPress dashboard go to Divi > Divi Librarydivi-divilibrary
    2. Add a new layoutlayout-addnew
    3. Set this layout to Global (you have to do this when making it as it is not changable to global later)new-template
    4. Save layout
  2. Copy  Woocommerce template files to your theme
    1. in wp-content  >  plugins   >   woocommerce   >   templates
    2. select:
      1. archive-product.php
      2. taxonomy-product_cat.php
    3. copy these to your theme (highly recommend using a child theme for this) in a folder called “woocommerce”  (CTRL drag in cpanel)
  3. Change template file names in your theme
    1. find your slug of your product category
    2. use the rename function to rename both of the files to add “-yourslug” before the .php
      1. So “archive-product.php” becomes “archive-product-yourslug.php”
      2. and “taxonomy-product_cat.php” becomes “taxonomy-product_cat-yourslug.php”
  4. Edit taxonomy-product_cat-yourslug.php
    1. Edit the code of this file and change the line “wc-get-template(‘archive-product.php’);”taxonomy-change
    2. Change it to “wc-get-template(‘archive-product-yourslug.php’);”
    3. Save file
  5. Edit archive-product-yourslug.php
    1. Remove everything after “get_header( ‘shop’ );” all the way down to and leave in ” get_footer( ‘shop’ ); ?>”archieve-remove
    2. Between those 2 lines past in
    3. Change the XXXX to the layout number (found by looking in the URL when viewing the layout editor screenlayout-code
    4. Save file
  6. DONE!!

To update the layout you then just go back into Divi > Divi Library and make your changes!!

How does it get any easier than that?

Fixing Facebook Link Cache

Fixing Facebook Link Cache

Have you changed the content of your site and Facebook is still showing the old content when you share the page?

You can get them to update their info by going to the Debugger Page!

Please note if you are sharing a URL that has Masking on it will give a blank Facebook thumbnail

facebook-cache-old

To change this:

  1. remove the masking on the url at your domain host
  2. request a “Scrape Again” at the Facebook Debugger Page
  3. refresh the share content on the Facebook postfacebook-cache-refresh-post

 

Result:

facebook-cache-new

Full Width Slider Image as a Link in Divi Theme

Full Width Slider Image as a Link in Divi Theme

The Divi theme makes it super easy to add a full width slider to your WordPress pages.

In this video from Divi Nation Mak expains how to use CSS to make the images the button!  What yes by applying this CSS to the module the button becomes the size of the full image and disappears leaving your beautiful image that is clickable as a link with no visable button!  How does it get any better than this?

Below the video you will find the full CSS code required for this hack.

CSS Code:

font-size: 0px;
background-color: rgba(0, 0, 0, 0.0) !important;
top: -1000px;
right: -1000px;
height: 5000px;
width: 5000px;
position: absolute;

View the full blog post on the Elegant Themes website

Pin It on Pinterest