Tuesday, May 30, 2023

How to get RankMath primary WooCommerce product category

WordPress Custom Code RankMath SEO WooCommerce

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…

Read More

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.…

Read More

Tuesday, March 21, 2023

How to check if product category has child terms on term archive page?

Custom Code Bricks Builder Plugins WordPress

If you want to display or hide some content on WooCommerce product category archive page based on if it has child terms, then you will need to check if current category archive term, has a childs.

Read More

Thursday, March 16, 2023

FIX: Clip-path leaves a strange line on the element

WordPress

Fix the strange line on div which use clip-path property with CSS.

Read More

Monday, March 06, 2023

Fixed background white gap fix on Android/iOS with CSS

Custom Code

Fix the white gap under fixed background on mobile devices.

Read More

Tuesday, January 10, 2023

FIX video background autoplay in iOS/MAC low power mode

Custom Code Oxygen Builder

Usable with Oxygen builder, Webflow and others.

Read More

Sunday, January 08, 2023

Swiper.js ACF Gallery slider

Advanced Custom Fields Custom Code Oxygen Builder

Create Swiper image slider with ACF gallery field data.

Read More

Friday, January 06, 2023

ACF flexible content: Oxygen builder examples

Oxygen Builder Advanced Custom Fields Custom Code WordPress

Here are some code examples really useful when using ACF flexible content with Oxygen. The main workflow of using ACF flexible content with Oxygen is simple. Here are the main rules: How to work with ACF flexible content and Oxygen? There is a process: Tips…

Read More

Friday, December 16, 2022

Swiper: Prevent single slide swipe with loop enabled

WordPress Custom Code

If you want to use Swiper slider and you have a situation where you want to disable sliding if there is only one slide, but use infinite loop when there is more than one slide, you cannot achieve it only with Swiper settings. It looks…

Read More

Wednesday, December 14, 2022

How to hide elements when pagination is active in WordPress

WordPress Custom Code

Hide elements on pagination pages but display them on first archive page. Easily with 3 lines of CSS.

Read More

Wednesday, December 07, 2022

Sticky shrinking header in Oxygen Builder

Oxygen Builder Custom Code WordPress

How to create a sticky header with section element and make it sticky and shrinking (height changing)?

Read More

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…

Read More

Tuesday, November 15, 2022

Set Tabs to closed on page load in Oxygen Builder

WordPress Custom Code Oxygen Builder

If you want to bypass the default state of tabs in Oxygen which is - first tab opened by default, then you need to use some jQuery.

Read More

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.

Read More

Tuesday, November 15, 2022

ACF nested repeaters as document library

WordPress Advanced Custom Fields Oxygen Builder

If you want to prepare a Documents page for your website, you may consider creating it with ACF Pro repeaters. I Use these three ACF repeaters: Main repeater (slug: docs-group) = Document category name (for example - manuals) with classic editor to add some description…

Read More