Tuesday, January 10, 2023
FIX video background autoplay in iOS/MAC low power modeUsable with Oxygen builder, Webflow and others.
Read MoreSunday, January 08, 2023
Swiper.js ACF Gallery sliderCreate Swiper image slider with ACF gallery field data.
Read MoreFriday, January 06, 2023
ACF flexible content: Oxygen builder examplesHere 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 MoreWednesday, December 07, 2022
Sticky shrinking header in Oxygen BuilderHow to create a sticky header with section element and make it sticky and shrinking (height changing)?
Read MoreTuesday, November 15, 2022
WooCommerce: Change Shop (product archive) title and descriptionWhen 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 MoreTuesday, November 15, 2022
Set Tabs to closed on page load in Oxygen BuilderIf 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. Don't forget to change the .class-of-your-tabs-element and oxy-tabs-active-tab-class to your classes. You will find them with site inspector…
Read MoreTuesday, November 15, 2022
ACF nested repeaters as document libraryIf 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 MoreMonday, October 24, 2022
Enable WordPress Theme when using Oxygen BuilderI found this 3 remove filter functions very useful, when you need to use the theme.json and other files to customize the Gutenberg blocks and still use the Oxygen Builder. I just put these lines in code snippets plugin and activate. My option for code…
Read MoreTuesday, October 11, 2022
ACF Local JSON with Oxygen BuilderWould you like to speed up your page? If you use Advanced Custom Fields plguin, you may try the local JSON. Local JSON is a new feature added in version 5 which saves field group and field settings as .json files within your theme. The…
Read MoreThursday, September 22, 2022
Disable Gutenberg Blocks and Pattern libraryWhen I use Oxygen Builder to create website for customer, I want them to edit the content in Gutenberg editor, but I don't want to give them a "FULL POWER" of Gutenberg editor. What I do every time? Disable bunch of unused blocks and completely…
Read MoreTuesday, September 20, 2022
Global $product cause Oxygen does not refresh CSSThe issue is related to the custom PHP functions being used the Repeaters in WooCommerce templates. Within the custom functions, after you call global $product, you need to wrap the rest of the function in an if($product) { ...do stuff here } statement. This will…
Read MoreMonday, September 19, 2022
Add Accessibility to the Oxygen TabsThis snippet is currently under development. I found it working only in MS Edge browser. If you want to use Tabs element and make your site accessible with keyboard, then you should be worried about this element. By default, you cannot make this element accessible…
Read MoreWednesday, September 14, 2022
Sticky Post badge in Oxygen builder RepeaterIf you want to display badge over your posts displayed within Oxygen Builder Repeater element in WordPress, than I hope I have a solution for you. Set the post to be sticky (featured) in the Gutenberg editor: Add Sticky (Featured) post badge to repeater Add…
Read MoreWednesday, September 14, 2022
Add WooCommerce Sold Out Badge in Oxygen BuilderLearn how to add Sold Out badge within WooCommerce Oxygen integration.
Read MoreMonday, September 12, 2022
Inline SVG bottom padding in Oxygen Code BlockIf you use the SVG file inline in Oxygen Builder Code Block element, you may encounter a little padding at the bottom of your code block. To fix this issue, just add this to your custom CSS stylesheet: Your problem should be fixed 🙂
Read More