File Manager

Editing File: /home/maglabs/greentech/wp-content/themes/porto/inc/plugins/apexcharts/apexcharts.js

/**
 * Add Price Chart to 'Filter Products by Price'
 * 
 * @since 7.2.0
 */
 'use strict';
 window.theme || (window.theme = {});
 
 (function ($) {
     $( document ).ready( function () {
        theme.price_chart = function ( element ) {  
            $( element ).addClass( 'show-chart' );
            var options = {
                series: [{
                    name: 'Product Price',
                    data: Object.values( $( element ).data( 'prices' ) )
                }],
                chart: {
                    type: 'area',
                    height: 100,
                    toolbar: {
                        show: false
                    },
                    zoom: {
                        enabled: false
                    },
                    sparkline: {
                        enabled: true
                    }
                },
                plotOptions: {
                },
                legend: {
                    show: false
                },
                dataLabels: {
                    enabled: false
                },
                fill: {
                    type: 'solid',
                    opacity: 1
                },
                stroke: {
                    curve: 'smooth',
                    show: true,
                    width: 1,
                    colors: [ $( element ).data( 'stroke-color' ) ]
                },
                xaxis: {
                    axisBorder: {
                        show: false,
                    },
                    axisTicks: {
                        show: false
                    },
                    labels: {
                        show: false,
                    },
                    crosshairs: {
                        show: false,
                    },
                    tooltip: {
                        enabled: false,
                    }
                },
                states: {
                    normal: {
                        filter: {
                            type: 'none',
                            value: 0
                        }
                    },
                    hover: {
                        filter: {
                            type: 'none',
                            value: 0
                        }
                    },
                    active: {
                        allowMultipleDataPointsSelection: false,
                        filter: {
                            type: 'none',
                            value: 0
                        }
                    }
                },
                tooltip: {
                    enabled: false,
                },
                colors: [ $( element ).data( 'bg-color' ) ]
            };
    
            var chart = new ApexCharts( element, options );
            chart.render();

var $inputMax = $( '.price_slider_amount input#max_price' ),
                $inputMin = $( '.price_slider_amount input#min_price' ),
                maxPrice = $inputMax.data('max'),
                minPrice = $inputMin.data('min'),
                range = ( maxPrice - minPrice ) / 100 ;

onChangeSlider( '', $inputMin.val(), $inputMax.val() );
            $( document.body ).on( 'price_slider_slide', onChangeSlider );
            $( document.body ).on( 'price_slider_change', onChangeSlider );
            function onChangeSlider( e, minValue, maxValue ) {
                var $sliderWrap = $( element ).siblings( '.price_slider.ui-slider' );
                    
                $sliderWrap.find( '.porto-slider-price-before' ).css( 'width', ( ( minValue - minPrice ) / range ) + '%' );
                $sliderWrap.find( '.porto-slider-price-after' ).css( 'width', ( ( maxPrice - maxValue ) / range ) + '%' );
            }
        }

Back to Directory File Manager