wplit
/ code-block.js
Created
November 27, 2020 00:07
When video ends inside carousel, force carousel to move and start next video
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| jQuery(document).ready(function($) { | |
| var myFlickity = Flickity.data('.my-carousel .oxy-inner-content'); | |
| var MediaPlayers = $('vime-player'); | |
| MediaPlayers.each(function() { | |
| var nextMedia = $(this).parent('.oxy-pro-media-player').next('.oxy-pro-media-player').find('vime-player')[0]; | |
| var eachMedia = $(this)[0]; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* replace #-off-canvas-3-450 with your offcanvas ID */ | |
| #-off-canvas-3-450 .offcanvas-inner { | |
| left: 50%; | |
| } | |
| #-off-canvas-3-450 .offcanvas-inner.oxy-inner-content { | |
| transform: translate(-50%,100%); | |
| -webkit-transform: translate(-50%,100%); | |
| display: block; /* depending on form, to prevent flex overflow issues */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Replace header row ID for your header row ID with the mega menu inside | |
| You will also need to increase the z-index manually of any other elements inside the header | |
| that isn't the mega menu, logos, burger, header search, everything to make them visible. | |
| */ | |
| #_header_row-6-248 { | |
| position: relative; | |
| } | |
| #_header_row-6-248::after { |
wplit
/ plugin.php
Last active
December 14, 2020 02:31
function for 'PHP function return value' when using image component inside flickity
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * | |
| * Attribute name: data-flickity-lazyload-srcset | |
| * Attribute value: PHP function return value - | |
| * function name: flickityLazySRCSET | |
| * function args: $field_name,$size | |
| */ | |
| function flickityLazySRCSET($field_name,$size) { | |
| $image = get_field($field_name); |
wplit
/ offcanvas.css
Created
December 15, 2020 03:00
showing a certain part of the offcanvas while it's still closed, for displaying icons etc.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Change the ID to match your offcanvas ID */ | |
| #-off-canvas-558-275:not(.oxy-off-canvas-toggled) .offcanvas-inner { | |
| --offcanvas-visible: 105px; /* Change this to width you want visible */ | |
| -webkit-transform: translate(calc(-100% + var(--offcanvas-visible)),0); | |
| -ms-transform: translate(calc(-100% + var(--offcanvas-visible)),0); | |
| transform: translate(calc(-100% + var(--offcanvas-visible)),0); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| if ( function_exists( 'oxygen_vsb_register_condition' ) ) { | |
| oxygen_vsb_register_condition( | |
| 'User Registration', | |
| array('custom' => true, 'placeholder' => 'MM/DD/YYYY'), |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .oxy-sticky-header-active .oxy-mega-menu { | |
| background: none!important; | |
| } | |
| .oxy-sticky-header-active .oxy-mega-dropdown { | |
| background-color: var(--megamenu-responsive-background); | |
| } | |
| @media (max-width: 991px) { /* Change to screen width of your mobile menu */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?php | |
| $images = get_field('my_gallery'); | |
| $size = 'large'; | |
| if( $images ): ?> | |
| <ul class="cell-container"> | |
| <?php foreach( $images as $image ): ?> | |
| <li class="cell"> | |
| <div class="cell-inner"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .oxy-carousel-builder .cell-container{ | |
| display: flex; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .oxy-carousel-builder .cell { | |
| list-style-type: none; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| jQuery(document).ready(function($) { | |
| let $carousel = $('#%%ELEMENT_ID%%').find($('#%%ELEMENT_ID%%').children().data('carousel')); | |
| $carousel.on('pointerUp.flickity', function(event, pointer) { | |
| $carousel.flickity('playPlayer'); | |
| }); |