Last Piece Hacktivist Crew

Editing: winter-settings.php

<div id="snow_falling" class="tab-content">
		<p class="bg-title"><?php esc_html_e( '2. Falling Snows Flacks Settings', 'weather-effect' ); ?> </p>
		<div class="row" style="padding-left: 20px;">&nbsp;&nbsp;&nbsp;
			<label for=""><?php esc_html_e( 'A. Minimum Snows Flacks Size On page', 'weather-effect' ); ?></label>
			<?php
			if ( isset( $weather_effect_settings['min_size_falling'] ) ) {
				$min_size_falling = $weather_effect_settings['min_size_falling'];
			} else {
				$min_size_falling = 3;
			}
			?>
						
			<p class="range-slider padding_settings">
				<input id="min_size_falling" name="min_size_falling" class="range-slider__range" type="range" value="<?php echo esc_attr( $min_size_falling ); ?>" min="1" step="1" max="5">
				<span class="range-slider__value">0</span>
			</p>
		</div>
		<div class="row" style="padding-left: 20px;">&nbsp;&nbsp;&nbsp;
			<label for=""><?php esc_html_e( 'B. Maximum Snows Flacks Size On page', 'weather-effect' ); ?></label>
			<?php
			if ( isset( $weather_effect_settings['max_size_falling'] ) ) {
				$max_size_falling = $weather_effect_settings['max_size_falling'];
			} else {
				$max_size_falling = 30;
			}
			?>
						
			<p class="range-slider padding_settings">
				<input id="max_size_falling" name="max_size_falling" class="range-slider__range" type="range" value="<?php echo esc_attr( $max_size_falling ); ?>" min="10" step="1" max="50">
				<span class="range-slider__value">0</span>
			</p>
		</div>
		<div class="row" style="padding-left: 20px;">&nbsp;&nbsp;&nbsp;
			<label for=""><?php esc_html_e( 'C. Snows Flacks Falls Time Duration', 'weather-effect' ); ?></label>
			<?php
			if ( isset( $weather_effect_settings['snow_falling_time'] ) ) {
				$snow_falling_time = $weather_effect_settings['snow_falling_time'];
			} else {
				$snow_falling_time = 500;
			}
			?>
						
			<p class="range-slider padding_settings">
				<input id="snow_falling_time" name="snow_falling_time" class="range-slider__range" type="range" value="<?php echo esc_attr( $snow_falling_time ); ?>" min="300" step="10" max="1000">
				<span class="range-slider__value">0</span>
			</p>
		</div>	
		<div class="row" style="padding-left: 20px;">&nbsp;&nbsp;&nbsp;
			<label for=""><?php esc_html_e( 'D. Select Flacks Color', 'weather-effect' ); ?></label><br><br>&nbsp;&nbsp;&nbsp;&nbsp;
			<?php
			if ( isset( $weather_effect_settings['snow_falling_color'] ) ) {
				$snow_falling_color = $weather_effect_settings['snow_falling_color'];
			} else {
				$snow_falling_color = 'FFFFFF';
			}
			?>
						
			<input type="text" class="form-control" id="snow_falling_color" name="snow_falling_color" placeholder="chose form color" value="<?php echo esc_html( $snow_falling_color ); ?>"></br></br>
		</div><br>
	</div>
	
</div>
<style>
	.we-flake {
		color: <?php echo esc_html( $snow_falling_color ); ?> !important;
	}
</style>
<script>
	//1. Winter Snow Start
	<?php if ( $weather_occasion == 'winter_check' ) { ?>
		<?php if ( $snow_types == 'winter_snow' ) { ?>
			jQuery(document).ready(function(){
				jQuery(document).snowfall({deviceorientation : false,
					round : <?php echo esc_js( $ice_cube ); ?>, //snow structure Round or Cube
					minSize: <?php echo esc_js( $min_size_christmas ); ?>, // snow size
					maxSize: <?php echo esc_js( $max_size_christmas ); ?>,  // snow cube size
					flakeCount : <?php echo esc_js( $flake_christmas ); ?> // snow cube quantity
				}); 
			});
		<?php } ?>
		//Winter Snow End
		
		//2. Winter Falling Effect Start
		<?php if ( $snow_types == 'falling_snow' ) { ?>
			jQuery(document).ready( function(){
				jQuery.fn.snow({
					minSize:<?php echo esc_js( $min_size_falling ); ?>,
					maxSize:<?php echo esc_js( $max_size_falling ); ?>,
					newOn:<?php echo esc_js( $snow_falling_time ); ?>,
					flakeColor:'<?php echo esc_js( $snow_falling_color ); ?>'
				});
			});
		<?php } ?> 
		
	<?php } ?> 
	//Winter Falling End
	
	//color-picker
	(function( jQuery ) {
		jQuery(function() {
			// Add Color Picker to all inputs that have 'color-field' class
			jQuery('#snow_falling_color').wpColorPicker();
		});
	})( jQuery );
			
	//snow effet hide and show 
	var snow_types = jQuery('input[name="snow_types"]:checked').val();
	if(snow_types == "winter_snow") {
		jQuery('#snow_winter').show();	
		jQuery('#snow_falling').hide();	
	}
	if(snow_types == "falling_snow") {
		jQuery('#snow_winter').hide();	
		jQuery('#snow_falling').show();	
	}
	
	//on change effect
	jQuery(document).ready(function() {
		// snow effet hide and show 
		jQuery('input[name="snow_types"]').change(function(){
			var snow_types = jQuery('input[name="snow_types"]:checked').val();
			if(snow_types == "winter_snow") {
				jQuery('#snow_winter').show();
				jQuery('#snow_falling').hide();
			}
			if(snow_types == "falling_snow") {
				jQuery('#snow_winter').hide();
				jQuery('#snow_falling').show();
			}
		})
	});
</script>

Cancel