Parallax grid


Hi, i am testing the parallax grid component but it doesn't work, i have enqueued 'parallax-grid' like that in the components. I have tested the same code in https://uikitplay.com where it works...


Can you post the source code you are using to enqueue the component and the html of the grid?


Hi Manuel,

This the enqueue code

beans_uikit_enqueue_components( array(
 'sticky',
 'slideshow',
  'slider',
 'lightbox',
 'grid',
 'parallax',
 'dotnav',
 'slidenav',
 'parallax-grid'
), 'add-ons' );

which is hooked in beans_uikit_enqueue_scripts (all the other component works), and the html:

<div class="uk-container uk-container-center uk-margin-large">
 <div class="uk-grid uk-grid-width-medium-1-3 uk-grid-large " data-uk-grid-margin  data-uk-grid-parallax  >

    <div class="portfolio-item">
      <div class="uk-panel uk-panel-box "><img src="<?php echo CHILD_IMG?>som.png"
                                               alt=""></div>
    </div>
    <div class="portfolio-item">
      <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                             alt=""></div>
   </div>
    <div class="portfolio-item">
      <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                             alt=""></div>
   </div>
    <div class="portfolio-item">
      <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                             alt=""></div>
   </div>
    <div class="portfolio-item">
      <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                             alt=""></div>
   </div>
    <div class="portfolio-item">
      <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                             alt=""></div>
   </div>
  <div class="portfolio-item">
    <div class="uk-panel uk-panel-box "><img src="<?php echo CHILD_IMG?>som.png"
                                             alt=""></div>
  </div>
  <div class="portfolio-item">
    <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                           alt=""></div>
 </div>
  <div class="portfolio-item">
    <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                           alt=""></div>
 </div>
  <div class="portfolio-item">
    <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                           alt=""></div>
 </div>
  <div class="portfolio-item">
    <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                           alt=""></div>
 </div>
  <div class="portfolio-item">
    <div class="uk-panel uk-panel-box"><img src="<?php echo CHILD_IMG?>som.png"
                                           alt=""></div>
 </div>

  </div>
</div>

It works perfectly in uikitplay!


seems that the uikit component grid-parallax is not available in the current beans distro

i think it will be available with next release (where uikit will be updated) or you can copy the needed js files from the latest uikit into tm-beans\lib\api\uikit\src\js\components


Ok, thank you, i can live without it, just testing 🙂


Hey folks,

UIkit will be updated in the next Beans update 🙂 The beta release is scheduled for next week and stable release the following week (whether LESS new feature makes it in or not).

Thanks,


Write a reply

Login or register to write a reply, it's free!