SNN-BRX Child Theme, advanced features and gsap animations, acf, smtp, security, 301 logs, 404 logs, search logs

updated the snn-brx theme and made the data-animate much better

snn-brx is a child theme for bricks builder and adds tons of features top of bricks builder

all changelogs: Releases · sinanisler/snn-brx-child-theme · GitHub

main child theme features;

  • custom post type register
  • custom field register
  • custom field repeaters compatible with carousel or gallery elements
  • custom taxonomy register and relationships
  • custom login colors and logo and text
  • math chatpcha login for blocking bots
  • 404 logs
  • 301 redirects with statistics
  • smtp settings with mail testing
  • mail logs
  • media categories/taxonomies, query loop friendly
  • gsap animations
  • lottie element, click,hover,scroll trigger lotties
  • custom map element, map styles colors icons with open street map
    and more…

here is the introduction video;

now with the new data-trigger feature not just gsap scroll trigger animations but click:trigger animations are possible as well and with that any css animation possible.

including page transitions :star_struck:

menu items have data-trigger=".trigger-me" to trigger the transition div and there is only 2 tansition divs to setup the animation very simple setup

here check the video page transition setup;

gsap animations basics with snn-brx;

custom style color maps with osm element;

lottie animations element;

Page Progress Bar;

8 Likes

#comingsoon :slight_smile:

I dont mind coding some data-animate css but not everyone knows css
I decided to create simplified version of data-animate as GSAP Element (Nestable).

if anyone wondering I already started using this theme on client projects. upcoming features will need some more testing but other features rock solid stable at this point.

enjoy…

some more important big features are on the way as well.

This color sync feature should already be in the core, honestly. I don’t know why it didn’t happen. In Elementor, global colors are one of the most basic features, but in Bricks, it is completely ignored. I really would like to know some day :slight_smile:

1 Like

working on this gsap element rightnow if you want to test it now is the time !

it is in experimental release. I am adding this gsap element just for people who dont know css. Giving all the data-animate features would be almost imposible so I will focus on most popular gsap scroll animations. x,y,opacity,scale,rotate…etc very simple scroll trigger naimations will be supported. test it and give feedback this is literaly the last call :slight_smile:
image

global colors sync frontend and color palette sync variables are implemented and stable I even used on 3 prod project already

these features are coming with the next stable release;

  • NEW FEATURE :tada:: max redirect logs to keep setting.
  • CHANGE: some utils css changes for snn setting menu items ul li
  • IMPROVEMENT: cleaning the 301 setting page
  • IMPROVEMENT: better 301 Redirect Statistics chart views and date ranges
  • CHANGE: title change for 301 page
  • UX CHANGE: 301 redirect page UI changes
  • UX CHANGE: post type removal warning
  • FIX: hide type and tax registers
  • FIX: disabled adding thumbnail column for the woocommerce product post type not needed.
  • NEW FEATURE :tada:: log and statistics for 301 redirects
  • NEW FEATURE :tada:: cloudflare ip check link for the search log item
  • NEW FEATURE :tada:: Search Logs feature and Top 100 Searches feature.
  • IMPROVEMENT: added confirmation alert dialogue for post type removal
  • BUG FIX: Login WPML language change select list position fix.
  • BUG FIX: posts, pages and post types thumbnail showing double fixed
  • IMPROVEMENT: custom post type regsiter allow parent hierarchical => true added as default.
  • CHANGE: description change for a setting
  • CHANGE: wording change on source css comment
  • BUG FIX: global colors variables frontend loading. bug fix for the variable global style names possibilities
  • CHANGE: mini changes for echo empty states
  • CHANGE: Allowing all HTML input for textarea custom fields
  • CHANGE: no thumbnail notice for post type lists
  • CHANGE: version bumb for the gsap .js
  • CHANGE: z-index change for zoom in out buttons map
  • FIX: this fixes --bricks var colors with !important and loading them on top of so they wont cause any FOUC color problems.
  • FIX: fixing the php 8.1 stupid type null warning issues
  • NEW FEATURE :tada:: gsap animation element, nestable, making simple animations without coding
  • NEW FEATURE :tada:: SNN-BRX Bricks Builder Editor Color Fix Setting implemented now colors syncs with bricks theme default styles.
  • IMPROVEMENT: gsap data-animate start end improvements changes
  • IMPROVEMENT: simplification for making the start end func and regex better and easier for the px or % without the need to write bottom or top
  • CHANGE: Dashboard Custom Metabox Content setting textarea height change
  • IMPROVEMENT: custom field repeater button style change
  • FIX: console log error fix for front end logged in user color sync setting
  • IMPROVEMENT: GSAP Animation element default changes, making the system native to the data-animate for long term
  • IMPROVEMENT: code cleanup and optimization
  • CHANGE: bricks builder color sync setting description change
  • CHANGE: wp-admin settings ui changes
  • IMPROVEMENT: GSAP element optimization re-structuring
  • FIX: PHP warning fixes for gsap element
  • CHANGE: description chagnes for some settings
  • CHANGE: description change for Custom HTML, CSS, and JS Code
  • CHANGE: register new element gsap animations
  • FIX: custom map element zoom in out buttons z-index fix
  • CHANGE: desc change for Enable GSAP and Lottie setting
2 Likes

gsap element is here test the latest release

enjoy…

will make a video after the stable release

2 Likes

after 7 experimental release stable release is here :joy: :joy::joy:

started building new woocommerce site with this version right now and didnt see any issue yet :wink:

enjoy… :yellow_heart:

changelog

  • CHANGE: placeholder change for gsap element
  • IMPROVEMENT: simplification of the gsap element for complex possile css animations.
  • IMPROVEMENT: allowing possible different css units for the input fields.
  • IMPROVEMENT: UI and UX improvements for post type, custom fields and taxonomy register setting pages.
  • CHANGE: title change for custom code element.
  • NEW FEATURE :tada:: gsap scroll start and scroll end positions property control added.
  • NEW FEATURE :tada:: gsap blur and grayscale implemented.
  • NEW FEATURE :tada:: gsap properties for x move, z move, scale, rotate, opacity.
  • FIX: gsap element split fixes
  • IMPROVEMENT: some ui ux improvements for the input fields on gsap element settings
  • CHANGE: some Utility and UI changes
  • NEW FEATURE :tada:: implementing the horizontal and vertical gsap
  • CHANGE: Gsap element cleanup changing fields.
  • CHANGE: mail smtp settings title change.
  • FIX: mini fix
  • IMPROVEMENT: added the User Agency colmun for the Recent Redirect Logs now it has both ip and user agent logs
  • BUG FIX: there was a issue for the search log some search logs includes feed/rss names as well this patches that issue.
  • IMPROVEMENT: 301 redirect rule list ordered by top clicks first.
  • IMPROVEMENT: UX improvement for the 301 page, added tabs to split the redirect rules and the logs
  • CHANGE: removed experiemental tag from bricks global colors sync with color palette
  • NEW FEATURE :tada:: max redirect logs to keep setting.
  • CHANGE: some utils css changes for snn setting menu items ul li
  • IMPROVEMENT: cleaning the 301 setting page
  • IMPROVEMENT: better 301 Redirect Statistics chart views and date ranges
  • CHANGE: title change for 301 page
  • UX CHANGE: 301 redirect page UI changes
  • UX CHANGE: post type removal warning
  • FIX: hide type and tax registers
  • FIX: disabled adding thumbnail column for the woocommerce product post type not needed.
  • NEW FEATURE :tada:: log and statistics for 301 redirects
  • NEW FEATURE :tada:: cloudflare ip check link for the search log item
  • NEW FEATURE :tada:: Search Logs feature and Top 100 Searches feature.
  • IMPROVEMENT: added confirmation alert dialogue for post type removal
  • BUG FIX: Login WPML language change select list position fix.
  • BUG FIX: posts, pages and post types thumbnail showing double fixed
  • IMPROVEMENT: custom post type regsiter allow parent hierarchical => true added as default.
  • CHANGE: description change for a setting
  • CHANGE: wording change on source css comment
  • BUG FIX: global colors variables frontend loading. bug fix for the variable global style names possibilities
  • CHANGE: mini changes for echo empty states
  • CHANGE: Allowing all HTML input for textarea custom fields
  • CHANGE: no thumbnail notice for post type lists
  • CHANGE: version bumb for the gsap .js
  • CHANGE: z-index change for zoom in out buttons map
  • FIX: this fixes --bricks var colors with !important and loading them on top of so they wont cause any FOUC color problems.
  • FIX: fixing the php 8.1 stupid type null warning issues
  • NEW FEATURE :tada:: gsap animation element, nestable, making simple animations without coding
  • NEW FEATURE :tada:: SNN-BRX Bricks Builder Editor Color Fix Setting implemented now colors syncs with bricks theme default styles.
  • IMPROVEMENT: gsap data-animate start end improvements changes
  • IMPROVEMENT: simplification for making the start end func and regex better and easier for the px or % without the need to write bottom or top
  • CHANGE: Dashboard Custom Metabox Content setting textarea height change
  • IMPROVEMENT: custom field repeater button style change
  • FIX: console log error fix for front end logged in user color sync setting
  • IMPROVEMENT: GSAP Animation element default changes, making the system native to the data-animate for long term
  • IMPROVEMENT: code cleanup and optimization
  • CHANGE: bricks builder color sync setting description change
  • CHANGE: wp-admin settings ui changes
  • IMPROVEMENT: GSAP element optimization re-structuring
  • FIX: PHP warning fixes for gsap element
  • CHANGE: description chagnes for some settings
  • CHANGE: description change for Custom HTML, CSS, and JS Code
  • CHANGE: register new element gsap animations
  • FIX: custom map element zoom in out buttons z-index fix
  • CHANGE: desc change for Enable GSAP and Lottie setting
3 Likes

Added a very simple feature but it is very very important one

Redirect URL after Login

I already added tons of customization to the login/register page but one thing was missing that was redirect.

enjoy using

2 Likes

New release is here. Some small fixes and improvements made.

new element added GSAP Text Element !

This version brings the ability for easy splittext animations :slight_smile:
All basic splittext+gsap animations are now possible.

chrome-capture-2025-2-5

I think it is time to create another introduction video last intro video was in version 0.151 now version is 0.198 :slight_smile:

Changelog:

  • IMPROVEMENT: editor and frontend style tab values rendering improvement.
  • CHANGE: disabled nestable for the gsap text element. no need.
  • IMPROVEMENT: some code improvements for the new elements and settings and input fields.
  • BUG FIX: markers true gsap fix
  • NEW FEATURE :tada:: new gsap text element for splittext gsap animations.
  • NEW FEATURE :tada:: added delay,duration,loop and scroll controls to the gsap element.
  • NEW FEATURE :tada:: new gsap property loop:true feature for the gsap animations.
  • NEW FEATURE :tada:: advancing gsap splittext stagger randomization for texts.
  • IMPROVEMENT: math captcha support for the woocommerce login and register and pass reset added.
  • BUG FIX: z-index issue openstreetmap buttons fixes.
  • IMPROVEMENT: openstreet map icon area label accesability implement. this fixes #25
  • BUG FIX: fixed the conflict for the woocommerce thumbnail view. product post type doesnt need thumbnails it already has. this fixes #26
  • NEW FEATURE :tada:: After login redirect url setting for custom redirect option.
  • IMROVEMENT: added the User Agent column for the redirect log tab to see user or bot infos
2 Likes

will implement simple editor for rich text or textarea custom fields
because tinymce making me angry cant take it anymore -_-

will test a bit if it works fine first

2 Likes

I am still not sure about the GSAP text element. I talked with a couple of people, and I think a very simplified version of this element is better, like Elementor or Bricks—just selecting an animation, and that’s it. Tons of presets. If someone needs something advanced, they can code data-animate anyway. Advanced examples will be released on sinanisler.com soon. I still haven’t started sharing any examples because I don’t feel these elements are mature enough yet. :slightly_smiling_face:

presets TBD…

Version 0.200 release of the project.

Changes

  • BUG FIX: Well this stupid AI tried to add a sanitization func on code element created a bug. Fixed.
  • IMPROVEMENT: ux improvement for the naming the taxonomy slug. not input doesnt allow spaces, special characters and uppercase letters.
  • IMPROVEMENT: ux improvement for the customfield field naming, latin only, no spaces, uppercase lowercase allowed.
  • IMPROVEMENT: auto formating fixing the allowed characters for the post type slug. it checks if the letters are latin only and no special character and no spaces repalces space with dash -.
  • NEW FEATURE :tada:: added export option for the global classes to copy the all css classes easily to get a backup
  • NEW FEATURE :tada:: added bulk select delete and bulk select change category for global classes.
  • IMPROVEMENT: improving the UX and UI for the global class manager. this will amek the adding clas categories and bulk css and css generation easier.
  • REMOVED: removed topology map option from the openstreetmap selections. server source created problems.
  • Update README.md
  • BUG FIX: this fixes the #31 , not able to delete the last custom post type register.
  • IMPROVEMENT: Merge pull request #30 from hudokkow/paths @hudokkow
  • IMPROVEMENT: [paths] Define constants @hudokkow
  • IMPROVEMENT: [JS] Move to assets/ @hudokkow
  • IMPROVEMENT: [CSS] Move to assets/ @hudokkow
  • IMPROVEMENT: [All files] Kill trailing spaces, appease OCD @hudokkow
  • IMPROVEMENT FIX: custom code element style tab values applying fix.
  • IMPROVEMENT: gsap text animations removing some of the controls.
  • CHANGE: new fields for the gsap text element for wider range of animation possibilities
  • CHANGE ux cleanup
2 Likes

finally landing page coming along nicely
this will help for new people to learn which features there are and see the big picture.

looks like I added way too much feature the list is too long :rofl:

after this landing page new video will come and after that gsap element will mature and after that I can start posting gsap animation templates on The Library :crazy_face: