• Resolved Jason Chong

    (@dantianhealth)


    I’m having an issue with Kioken elements. I have used Animated Divider hero as a reusable block to create a CTA. When it appears on mobile (iPhone X) the text is running off-screen in some form of overflow but I cannot find where to change this. The problem does not exist if viewing in Customizer or resizer my browser on the desktop.
    I have tried using just the kinetic wrapper portion on a row background from a different plugin and don’t get the overflow so am guessing it is something to do with that block (this causes other display issues I would prefer to avoid so hence am trying to stick with Kioken for this).

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Onur Oztaskiran

    (@sj_o)

    Hi @dantianhealth

    The animation on that specific Kioken Element actually uses a feature of Kinetic Wrapper from the Pro version, which is not available to edit and change in the free version.

    I would suggest refactoring that block using the animator extension with Kioken Blocks, which is also available for all blocks.

    Thanks!
    Onur

    Which part, the flip in vertical? I’m not sure which animation needs to be re-edited to address lateral overflow of the text.
    I have gotten around the overflow to the sides by using a row block from a different plugin and only the kinetic section with the text from the Kioken Element sample.
    I am having another issue with the text from that kinetic section appearing on top of my menu bar when I scroll back up the page (curiously happens only on my home page which has a different page setup). I cannot find a z-index setting there to address this, could you please point me in the correct direction?

    Plugin Author Onur Oztaskiran

    (@sj_o)

    Hi @dantianhealth

    It is really a complication for us to tell you what to do because your Kioken Blocks version is no pro and the blame is on us to not provide the details why you can’t do more with Kinetic Wrapper.

    But simply every block when Kioken Blocks enabled has a siple horizontal and vertical animation properties.

    And if you have Pro, there’s a crazy amount more to apply including staggered animations but that’s not our case. Our case is you can do a similar thing at least with free Kioken Blocks.

    And you can.

    Wow. So you provide no support for your free version then?
    I guess asking if there i a setting to stop your plugin calling js and css on pages where the plugin is not being used is out of the question!
    I’m not blaming you or asking to do more but seeking help to debug an issue.
    Your aggressive tone actually discouraged me from considering purchasing your pro version. I wasn’t here for a sales pitch or to have you rant and ignore my issue.

    • This reply was modified 2 months, 4 weeks ago by Jason Chong.
    Plugin Author Onur Oztaskiran

    (@sj_o)

    Hi @dantianhealth

    That is not what I mean and we fully support the free version users as well. Please forgive me if my response caused a misunderstanding.

    Pro version only allows you do more and get even more control, but my answer wasn’t for the purpose of you to upgrade. On the contrary, I’m only suggesting even with the free version, you can achieve the same results using the provided free tools 🙂

    Thanks!
    Onur

    OK
    Can you please then answer my question around unnecessary CSS and js calls on pages that are not using kioken blocks. I see all CSS and js for every enabled block is being called on every page/post – regardless of if that particular block or even any Kioken block is being used. Do you have a setting I am missing to turn this off?
    The initial issue I have worked around by using a different plugin as mentioned to contain the kinetic wrapper in a row which allows me to adjust the z index effectively and prevent the lateral overflow

    Plugin Author Onur Oztaskiran

    (@sj_o)

    Ok so Kioken blocks library is loaded for all blocks since it’s one package and does not determine the js to load based on individual blocks because the core library is necessary to display them properly.

    What I can suggest is use a plugin like Asset Manager or Asset cleanup to conditionally load/unload scripts and styles on a per page/post basis.

    Asset Manager: https://wordpress.org/plugins/gonzales/

    Asset Cleanup: https://wordpress.org/plugins/wp-asset-clean-up/

    Also Kioken Blocks has a utility class called “overflow-hidden” which you can apply to any element to contain and mask everything inside a block.

    I hope these help.

    Thanks!
    Onur

    Plugin Author Onur Oztaskiran

    (@sj_o)

    Also, given your feedback, I will actually add an option to unload Kioken Blocks per post/page basis so it’s less hassle.

    I’ll try to make that feature for next release.

    Thanks,
    Onur

    Thanks, that would be useful as it is 84KB of code added to pages that don’t need it.
    I don’t suppose you have documentation to point to what might be able to be disabled? kioken-blocks-google-maps-min.js is a no brainer per post when not using maps, but the others aren’t so clear and I’m just trying to run a trial and error approach!

    Plugin Author Onur Oztaskiran

    (@sj_o)

    Right now, you can disable a couple things with dequeueing js and css and those would be:

    //Dequeue Styles
    function project_dequeue_unnecessary_styles() {
        wp_dequeue_style( 'kioken-blocks-style' ); // main kioken blocks stylesheet file
        wp_dequeue_style( 'kioken-prep-google_fonts' ); //bgoogle fonts preloader
    }
    add_action( 'wp_print_styles', 'project_dequeue_unnecessary_styles' );
    
    //Dequeue JavaScripts
    function project_dequeue_unnecessary_scripts() {
        wp_dequeue_script( 'kioken-blocks-frontend-utils' ); // main javascript package needed for Kioken Blocks
        wp_dequeue_script( 'anime-js' ); // Kioken Blocks animation package dependency
        wp_dequeue_script( 'scrollmagic-js' ); // scroll magic dependency for Kioken Blocks
        wp_dequeue_script( 'anime-scrollmagic-js' ); // anime scroll magic dependency for Kioken Blocks
    }
    add_action( 'wp_print_scripts', 'project_dequeue_unnecessary_scripts' );

    Please keep in mind most of those scripts are dependencies and dequeuing them might break functionality of Kioken Blocks’ main js file.

    Thanks!
    Onur

    Thanks for that. I’m so far having luck with google maps and swiper not disrupting the blocks I have (the others seem to be very interdependent as I am using some animations which is one of the best, unique features of your plugin). It’s saving me 32KB a page, I’m using Asset Cleanup and will manually disable all on the pages that it is not used.

    Plugin Author Onur Oztaskiran

    (@sj_o)

    Awesome 🙂

    Thanks for taking the time to help!

Viewing 13 replies - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.