WooCommerce - Great-Tit - Web / Code / Design Magazine

Tuesday, May 30, 2023

How to get RankMath primary WooCommerce product category

Learn how to retrieve and display the primary category of a product in WooCommerce using the RankMath plugin. WooCommerce lacks a built-in feature to assign a primary category, but RankMath fills this gap. With the provided code snippet, you can retrieve the primary category ID…

Tuesday, May 23, 2023

Separate WooCommerce Categories and products

WordPress Custom Code Shoptimizer Themes WooCommerce

When you use default WooCommerce archives, you may like to display child categories and products on category page. When you do it like that, you will see that flex columns and rows has been created, and products starts right after last category, on same row.…

Tuesday, November 15, 2022

WooCommerce: Change Shop (product archive) title and description

WordPress Oxygen Builder WooCommerce

When you are using Oxygen builder dynamic data and creating simple e-shop, you may want to create one template for your shop and your categories. There are many challenges like displaying all product categories and subcategories and more. One of them is displaying the archive…

Tuesday, November 15, 2022

WooCommerce: Get product gallery images

WordPress WooCommerce

If you need to display WooCommerce product images programmatically, you can use these functions: TIP: This can be usable for custom gallery creation. For example with Swiper.js and fancybox.

Tuesday, November 01, 2022

WooCommerce Display Price wih and without Tax

WordPress WooCommerce

This is really nice trick how to achieve your WooCommerce price to display price with and without VAT. How to do that? You need to setup your main price. If it should be without VAT or with. You must set this up in WooCommerce settings…

Thursday, September 22, 2022

WooCommerce Add to cart message position in Oxygen Builder

WordPress Custom Code WooCommerce

Need to change the position of WooCommerce Notice bar on single product template in Oxygen Builder? I mean this WooCommerce notice after add to cart: It's simple. You just need to add the text block with PHP dynamic data value or code block. As PHP…

Wednesday, September 14, 2022

Add WooCommerce Sold Out Badge in Oxygen Builder

WordPress Custom Code Oxygen Builder WooCommerce

Learn how to add Sold Out badge within WooCommerce Oxygen integration.

Thursday, June 09, 2022

Create category toggle menu with Summary and Details HTML tags

WordPress Custom Code Oxygen Builder WooCommerce

Today I will show you a great tip for really simple navigation menu. This menu can be used in template which is used for Product Archive and also for product category archives. I build it for one submenu level only. How does it looks? On…

Tuesday, March 22, 2022

Display WooCommerce variation price as main price in Oxygen Builder

WordPress Custom Code Oxygen Builder WooCommerce

Javascript Css

Friday, March 11, 2022

Display product custom attribute description in WooCommerce

WordPress Custom Code WooCommerce

If you created custom attributes for product variation and you filled in their description, you may need to show the description on product page. Product attributes are saved as an taxonomy terms. So you need to take a look, how the taxonomy is called in…

Tuesday, February 08, 2022

Custom PDF Invoices & Packing Slips templates with Oxygen Builder

WordPress Oxygen Builder Plugins WooCommerce

You propably already know, that Oxygen builder disable your WooCommerce theme completely. That may sometimes be a problem - for example when you want to override some template files. Recently, I have found quite hard to create custom template for my Invoices with WooCommerce PDF…

Wednesday, January 12, 2022

Oxygen two columns WooCommerce Cart

WooCommerce Custom Code Oxygen Builder WordPress

If you want better user experience with your WooCommerce store, you may need Two columns WooCommerce checkout. But maybe, you would like to offer this experience also in the Cart. If you want two columns WooCommerce cart, use the CSS code below in your Custom…

Tuesday, September 28, 2021

Dequeue WooCommerce JS and CSS

WordPress Custom Code Plugins WooCommerce

If you do not use default WooCommerce Photoswipe lightbox, flexslider and other libraries, you can dequeue them for faster loading of your site. I am doing that especially when I use the Oxygen Builder because in most times I build my own product galleries with…

Beep this article to your friends!

Sing like a bird

Support your local Tits