In this tutorial, I will show you how to Customize Your WooCommerce Shop using the Pretty Fabulous Theme by Pretty Darn Cute Design.
In the Pretty Darn Cute Facebook community, someone recently asked about customizing their WooCommerce shop on the Pretty Fabulous theme.
Specially, they were looking to get the styling to match their site.
Customize Your WooCommerce Shop: How to change button colors
By default, the buttons on the WooCommerce shop in the Pretty Fabulous theme are black. The other buttons on the Pretty Fabulous theme demo are a bright green, with pink on hover.
To change the button colors, navigate to Dashboard > Appearance > Customize > Additional CSS > add the following to the “additional CSS”, and then click “publish”:
Customize Your WooCommerce Shop: How to remove SKUs for single products
The user had SKUs for their products, but didn’t want to display the SKU to the customer, as it isn’t a necessary field. In order to hide the SKU from the customer (but keep the SKU field available for the admin in the backend), add this to your functions.php file:
Customize Your WooCommerce Shop: How to remove Additional Information Tab
If a product has attributes, WooCommerce will add in an “additional information” tab, which lists the attributes/variations, but really provides no benefit to the client. To remove it, navigate to your functions.php file, and add the folowing code snippet:
Customize Your WooCommerce Shop: Add a Product Gallery Slider
If you have multiple gallery images on your products, you can add a Gallery Slider, so that the product gallery display as a carousel. To get started, install and activate the WooCommerce Product Gallery slider plugin.
If you would like to customize the arrow colors to match the Pretty Fabulous theme, navigate to your “Additional CSS” (Dashboard > Appearance > Customize > Additional CSS), and add the following:
Need help? Have a question?
Are you anxious to get started with your own website, but don’t have the time (or inclination)? I can do it all for you. My services include:
- Entire Website setup (purchase of domain & hosting; installation of WordPress, the Genesis Framework and the child theme of your choice)
- 24 hour theme setup (use this if you have already purchased your domain & hosting, and have WordPress installed)
- Theme tweaks (if you want something a little beyond the basic setup)
- WordPress one-on-one training
- Fully custom website/blog
Amy Olszak says
This was SO helpful! I was able to make all the edits myself and my shop (while not published yet) is looking so much better! Thank you!!!
You are so welcome, Amy.