-Lazy load (now need to configure)

-Seo started -Some other stuff

-Lazy load (now need to configure)
-Seo started -Some other stuff
Alexey Boroda
1 parent 013e4074
Showing 10 changed files with 544 additions and 16 deletions Show diff stats
common/components/artboximage/ArtboxImageHelper.php
common/modules/product/models/ProductVariant.php
common/widgets/Seo.php
frontend/assets/AppAsset.php
frontend/views/catalog/_product_list.php
frontend/views/category/collection.php
frontend/views/category/index.php
frontend/views/layouts/main.php
frontend/web/js/jquery.lazy.min.js
frontend/web/js/script.js
@@ -18,7 +18,13 @@ class ArtboxImageHelper extends Object {
         }
         return self::$imageDriver;
     }
-
+    
+    /**
+     * Returns the preset from config array
+     * @param $preset
+     *
+     * @return null
+     */
     public function getPreset($preset) {
  
         if (empty(self::$presets)) {
@@ -26,12 +32,39 @@ class ArtboxImageHelper extends Object {
         }
         return empty(self::$presets[$preset]) ? null : self::$presets[$preset];
     }
-
+    
+    /**
+     * Gets html image tag with needed image
+     * @param       $file
+     * @param       $preset
+     * @param array $imgOptions
+     *
+     * @return string
+     */
     public static function getImage($file, $preset, $imgOptions = []) {
         $preset_alias = is_array($preset) ? array_keys($preset)[0] : null;
         return Html::img(self::getImageSrc($file, $preset, $preset_alias), $imgOptions);
     }
-
+    
+    public static function getLazyDiv($file, $preset, $options = [], $content = '') {
+        $preset_alias = is_array($preset) ? array_keys($preset)[0] : null;
+        if(!empty($options['class'])) {
+            $options['class'] = $options['class'] . ' lazy';
+        } else {
+            $options['class'] = 'lazy';
+        }
+        $options['data-src'] = self::getImageSrc($file, $preset, $preset_alias);
+        return Html::tag('div', $content, $options);
+    }
+    
+    /**
+     * Gets path to image with selected preset
+     * @param      $file
+     * @param      $preset
+     * @param null $preset_alias
+     *
+     * @return bool|mixed
+     */
     public static function getImageSrc($file, $preset, $preset_alias = null) {
         if (is_string($preset)) {
             $preset_alias = $preset;
@@ -47,19 +80,45 @@ class ArtboxImageHelper extends Object {
         }
         return self::getPresetUrl($filePath, $preset, $preset_alias);
     }
-
+    
+    /**
+     * @param        $model
+     * @param        $modelField
+     * @param string $formField
+     * @param bool   $multiple
+     *
+     * @return mixed
+     */
     public static function fileinputWidget($model, $modelField, $formField = 'fileUpload', $multiple = false) {
         return Yii::$app->artboximage->fileinputWidget($model, $modelField, $formField, $multiple);
     }
-
+    
+    /**
+     * @param $url
+     *
+     * @return mixed
+     */
     private static function getPathFromUrl($url) {
         return substr_replace($url, self::getDriver()->rootPath, 0, strlen(self::getDriver()->rootUrl));
     }
-
+    
+    /**
+     * @param $path
+     *
+     * @return mixed
+     */
     private static function getUrlFromPath($path) {
         return substr_replace($path, self::getDriver()->rootUrl, 0, strlen(self::getDriver()->rootPath));
     }
-
+    
+    /**
+     * Gets path to image with preset
+     * @param $filePath
+     * @param $preset
+     * @param $preset_alias
+     *
+     * @return bool|mixed
+     */
     private static function getPresetUrl($filePath, $preset, $preset_alias) {
         $pathinfo = pathinfo($filePath);
         $presetPath = $pathinfo['dirname'] .'/styles/'. strtolower($preset_alias);
@@ -80,7 +139,15 @@ class ArtboxImageHelper extends Object {
         }
         return false;
     }
-
+    
+    /**
+     * Create new image from existing one and with selected preset
+     * @param $filePath
+     * @param $preset
+     * @param $preset_alias
+     *
+     * @return string
+     */
     private static function createPresetImage($filePath, $preset, $preset_alias)
     {
         $image = self::getDriver()->load($filePath);
@@ -66,6 +66,7 @@
                     [
                         'product_id',
                         'product_unit_id',
+                        'sku',
                     ],
                     'required',
                 ],
+<?php
+namespace common\widgets;
+
+use common\models\SeoDynamic;
+use Yii;
+use common\modules\product\models\Brand;
+use common\modules\rubrication\models\TaxGroup;
+use common\modules\rubrication\models\TaxOption;
+use yii\base\Widget;
+use yii\helpers\ArrayHelper;
+use yii\helpers\Html;
+use yii\helpers\Url;
+use yii\web\HttpException;
+
+class Seo extends Widget
+{
+    private $url;
+    public $row;
+    public $own_attr;
+    public $fields;
+    public $category_name;
+    public $description;
+    public $title;
+    public $meta;
+    public $seo_text;
+    public $h1;
+    public $key;
+    public $name;
+    public $project_name;
+    public static $optionsList;
+    protected static $check_url;
+    protected static $check_url_bool;
+
+
+    const SEO_TEXT = 'seo_text';
+    const DESCRIPTION = 'description';
+    const META = 'meta';
+    const H1 = 'h1';
+    const TITLE = 'title';
+
+    public function init()
+    {
+        $this->url = \Yii::$app->request->url;
+        $this->project_name = \Yii::$app->name;
+        if(empty(self::$optionsList)){
+            self::$optionsList = ArrayHelper::getColumn(TaxGroup::find()->where(['is_filter' => 'TRUE'])->all(),'alias');
+        }
+
+        parent::init();
+
+    }
+
+
+    public function run()
+    {
+
+        $seoData = $this->getViewData();
+        foreach ($seoData as $key => $value) {
+            $this->$key = $value;
+        }
+ 
+
+        switch ($this->row) {
+            case self::SEO_TEXT:
+
+
+                $filter = \Yii::$app->request->get('filters', []);
+                $sort = \Yii::$app->request->get('sort', []);
+                $paginate = \Yii::$app->request->get('page', []);
+
+                if(empty($filter) && empty($sort) && empty($paginate) ){
+
+                    return $this->selectSeoData(self::SEO_TEXT);
+
+                } else {
+
+                    $widgetData = static::findSeoByUrl($this->url);
+
+                    $result = '';
+
+                    if ($widgetData instanceof \common\models\Seo) {
+
+                        $result = $widgetData->{self::SEO_TEXT};
+
+                    } else {
+
+                        $widgetData = $this->findSeoByDynamic();
+
+                        if ($widgetData instanceof SeoDynamic) {
+
+                            $result = $widgetData->{self::SEO_TEXT};
+
+                        }
+
+                    }
+
+                    return $this->replaceData($result);
+                }
+
+
+                break;
+            case self::H1:
+
+                $filter = \Yii::$app->request->get('filters', []);
+
+
+
+                if ($this->checkFilter($filter)) {
+
+                    $array = $this->arrayBuilder($filter);
+                    return $this->getNameString($array);
+
+
+                } else {
+                    return $this->selectSeoData(self::H1);
+                }
+                    break;
+            case self::TITLE:
+
+                $filter = \Yii::$app->request->get('filters', []);
+
+
+
+
+                $title = $this->selectSeoData(self::TITLE);
+
+
+                if(!empty($filter) &&  isset($this->fields['meta-title']) && $title == $this->fields['meta-title'] || !empty($filter) && empty($title)) {
+                    $array = $this->arrayBuilder($filter);
+
+                    $title_string = $this->getTitleString($array);
+
+                    if($title_string){
+                        return $title_string;
+                    }
+
+                }
+
+                if (!empty($title)) {
+                    return $title;
+                } else  {
+                    return $this->project_name;
+                }
+
+                break;
+            case self::DESCRIPTION:
+                $description = $this->selectSeoData(self::DESCRIPTION);
+
+                if (!empty($description)) {
+
+                    $this->getView()->registerMetaTag([
+                        'name' => 'description',
+                        'content' => $description
+                    ]);
+
+                } else {
+
+                    $filter = \Yii::$app->request->get('filters', []);
+
+                    if(!empty($filter)){
+                        $array = $this->arrayBuilder($filter);
+                        $this->getView()->registerMetaTag([
+                            'name' => 'description',
+                            'content' => $this->getDescriptionString($array)
+                        ]);
+                    }
+
+                }
+
+                break;
+            case self::META:
+
+                $meta = $this->selectSeoData(self::META);
+
+                $filter = \Yii::$app->request->get('filters', []);
+                $sort = \Yii::$app->request->get('sort', []);
+                $paginate = \Yii::$app->request->get('page', []);
+
+
+
+                if (!empty($meta)) {
+
+                    $this->getView()->registerMetaTag([
+                        'name' => 'robots',
+                        'content' => $meta
+                    ]);
+
+                } else if(!empty($filter['special'])){
+
+                    $this->getView()->registerMetaTag([
+                        'name' => 'robots',
+                        'content' => 'noindex,follow'
+                    ]);
+
+                } else if (
+                    isset($filter['brands']) && count($filter['brands']) > 1
+                    || isset($filter)  && $this->checkFilter($filter)
+
+                ) {
+                    $this->getView()->registerMetaTag([
+                        'name' => 'robots',
+                        'content' => 'noindex,nofollow'
+                    ]);
+
+                } else if (
+                    isset($filter['brands']) && count($filter['brands']) <= 1 && isset($filter) && count($filter, COUNT_RECURSIVE) >= 4
+                    || isset($filter) && count($filter, COUNT_RECURSIVE) > 4
+                    || !empty($sort) ||  !empty($paginate) || isset($filter['prices'])
+                ) {
+                    $this->getView()->registerMetaTag([
+                        'name' => 'robots',
+                        'content' => 'noindex,nofollow'
+                    ]);
+                } else {
+
+                    $this->getView()->registerMetaTag([
+                        'name' => 'robots',
+                        'content' => 'index,follow'
+                    ]);
+                }
+
+
+
+
+                break;
+        }
+
+
+    }
+
+    protected function replaceData($str)
+    {
+
+        if (!empty($this->fields)) {
+            foreach ($this->fields as $field_name => $field_value) {
+                $str = str_replace('{' . $field_name . '}', $field_value, $str);
+            }
+        }
+        $str = str_replace('{project_name}', $this->project_name, $str);
+        return $str;
+    }
+
+    protected static function findSeoByUrl($url)
+    {
+        if(empty(self::$check_url_bool)){
+            self::$check_url = \common\models\Seo::findOne(['url' => $url]);
+            self::$check_url_bool = true;
+        }
+        return self::$check_url;
+    }
+
+    protected function findSeoByDynamic()
+    {
+
+        if(!empty($this->key)){
+
+            $query = SeoDynamic::find()->joinWith('seoCategory')->where(['controller' => \Yii::$app->controller->id, 'action' => \Yii::$app->controller->action->id, 'key' => $this->key]);
+        } else {
+
+
+            $query = SeoDynamic::find()->joinWith('seoCategory')->where(['controller' => \Yii::$app->controller->id, 'action' => \Yii::$app->controller->action->id]);
+        }
+
+        return $query->one();
+    }
+
+
+    protected function findSeoByDynamicForFilters(){
+        return SeoDynamic::find()->joinWith('seoCategory')->where(['param' =>'filters'])->one();
+    }
+
+
+    protected function getViewData()
+    {
+        $params = $this->getView()->params;
+        if (isset($params['seo'])) {
+            return $params['seo'];
+        } else {
+            return [];
+        }
+    }
+
+    protected function selectSeoData($param)
+    {
+        $result = '';
+
+        $widgetData = static::findSeoByUrl($this->url);
+
+        if ($widgetData instanceof \common\models\Seo) {
+
+            $result = $widgetData->$param;
+
+        } else if (!empty($this->$param)) {
+
+            $result = $this->$param;
+
+        } else {
+
+            $widgetData = $this->findSeoByDynamic();
+
+            if ($widgetData instanceof SeoDynamic) {
+
+                $result = $widgetData->$param;
+
+            }
+
+        }
+
+        return $this->replaceData($result);
+
+    }
+
+    public function getTitleString($array){
+        // "{Название раздела: Название блока фильтра | Фильтр 1 | Название блока фильтра: Фильтр 2 | Название блока фильтра: Фильтр 3} - купить в Киеве, Украине - интернет магазин Лінія Світла";
+        $row = '';
+        foreach($array as $name => $field){
+
+            if($name == 'category' ){
+                $row = $field.' | '.$row;
+            } else {
+                $row .= $field['name'] .' '.$field['value'].' | '  ;
+            }
+
+
+
+        }
+        $row = substr($row, 0,-2 );
+        $row .= " - купить в Киеве, Украине - интернет магазин Лінія Світла";
+        return $row;
+//        $template = SeoDynamic::find()->select('title')->where(['param' =>'filters'])->one();
+//        if($template instanceof SeoDynamic){
+//            foreach ($array as $field_name => $field_value) {
+//                $template->title = str_replace('{' . $field_name . '}', mb_strtolower($field_value), $template->title);
+//            }
+//            $template =  preg_replace('/\{.[^\}]*\}\s/','',$template->title);
+//            return $template;
+//        }
+//
+//        return false;
+
+    }
+
+
+    public function getDescriptionString($array){
+        // "Лучшие цены на {Название раздела | Название блока фильтра: Фильтр 1 | Название блока фильтра: Фильтр 2 | Название блока фильтра: Фильтр 3}. Лінія Світла";
+        $row = 'Лучшие цены на ';
+        foreach($array as $name => $field){
+
+            if($name == 'category' ){
+                $row = $field.' | '.$row;
+            } else {
+                $row .= $field['name'] .' '.$field['value'].' | '  ;
+            }
+
+
+
+        }
+        $row = substr($row, 0,-2 );
+        $row .= ". Лінія Світла";
+        return $row;
+
+    }
+
+
+    public function getNameString($array){
+        // "Лучшие цены на {Название раздела | Название блока фильтра: Фильтр 1 | Название блока фильтра: Фильтр 2 | Название блока фильтра: Фильтр 3}. Лінія Світла";
+        $row = '';
+        foreach($array as $name => $field){
+
+            if($name == 'category' ){
+                $row = $field.' | '.$row;
+            } else {
+                $row .= $field['name'] .' '.$field['value'].' | '  ;
+            }
+
+
+
+        }
+        $row = substr($row, 0,-2 );
+        return $row;
+
+    }
+
+    public function arrayBuilder($filter)
+    {
+
+            $array = [
+                'category' => $this->category_name
+            ];
+
+
+            if (isset($filter['brands']) && count($filter['brands']) == 1) {
+                $model = Brand::find()->where(['alias' => $filter['brands'][0]])->one();
+                if (!$model instanceof Brand) {
+
+                    \Yii::$app->response->redirect(['/site/error'], 404);
+                } else {
+                    $array['brand']['name'] = 'Бренд';
+                    $array['brand']['value'] = $model->name;
+                }
+
+            }
+
+
+            $optionsList = ArrayHelper::map(TaxGroup::find()->where(['is_filter' => 'TRUE'])->all(), 'alias', 'name');
+
+
+            foreach ($optionsList as $optionList => $name) {
+
+
+                if (isset($filter[$optionList]) && count($filter[$optionList]) == 1) {
+
+                    $model = TaxOption::find()->where(['alias' => $filter[$optionList]])->one();
+                    if (!$model instanceof TaxOption) {
+
+                        \Yii::$app->response->redirect(['site/error'], 404);
+                    } else {
+                        $array[$optionList]['value'] = $model->value;
+                        $array[$optionList]['name'] = $name;
+                    }
+
+
+                }
+
+
+            }
+
+        return $array;
+
+    }
+
+    protected function checkFilter($filter){
+        foreach(self::$optionsList as $optionList){
+
+            if(isset($filter[$optionList]) && count($filter[$optionList])  == 1){
+                return true;
+            }
+
+        }
+        return false;
+    }
+
+
+}
 \ No newline at end of file
@@ -16,7 +16,7 @@ class AppAsset extends AssetBundle
         'css/fonts.css',
     ];
     public $js = [
-//        'js/npm.js',
+        'js/jquery.lazy.min.js',
         'js/script.js',
     ];
     public $depends = [
@@ -21,9 +21,9 @@ use yii\widgets\ListView;
             'product' => $model->alias,
             'variant' => $model->variant->sku,
         ])?>">
-            <div class="picture" style="background-image:url('<?php
-            echo ArtboxImageHelper::getImageSrc($model->getImageUrl(), 'product_list_item');
-            ?>');"></div>
+          <?php
+          echo ArtboxImageHelper::getLazyDiv($model->getImageUrl(), 'product_list_item', ['class' => 'picture']);
+          ?>
             <div class="title_1"><?php echo $model->name; ?></div>
             <div class="title_2"><?php echo $model->variant->sku; ?></div>
         </a>
@@ -53,9 +53,7 @@ $this-&gt;params[&#39;breadcrumbs&#39;][] = $this-&gt;title;
                     'product' => $product->alias,
                     'variant' => $product->variant->sku,
                 ]); ?>" alt="nabuco">
-                    <div class="label"><span><?php echo $product->name; ?></span><?php
-                        echo $product->variant->sku;
-                        ?></div>
+                    <div class="label"><span><?php echo $product->name; ?></span></div>
                     <?php echo ArtboxImageHelper::getImage($product->getImageUrl(), 'collections_thumb');?>
                 </a>
                 <?php } ?>
@@ -9,6 +9,7 @@ use yii\widgets\ListView;
  * @var ActiveDataProvider $dataProvider
  * @var View $this
  */
+    $this->params[ 'seo' ][ 'title' ] = !empty($category->meta_title) ? $category->meta_title : $category->name;
 $this->title = $category->name;
 $this->params[ 'breadcrumbs' ][] = $this->title;
  
@@ -9,6 +9,7 @@
  
     use common\models\Page;
     use common\modules\product\models\Category;
+    use common\widgets\Seo;
     use frontend\assets\AppAsset;
     use yii\helpers\Html;
     use yii\helpers\Url;
@@ -54,7 +55,17 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <?= Html::csrfMetaTags(); ?>
-        <title><?= Html::encode($this->title); ?></title>
+        <title><?php echo Seo::widget([
+            'row' => Seo::TITLE,
+            ]); ?></title>
+        <?php
+        echo Seo::widget([
+            'row' => Seo::DESCRIPTION,
+        ]);
+            echo Seo::widget([
+                'row' => Seo::META,
+            ]);
+        ?>
         <?php $this->head(); ?>
     </head>
     <body>
+/*! jQuery & Zepto Lazy v1.7.3 - http://jquery.eisbehr.de/lazy - MIT&GPL-2.0 license - Copyright 2012-2016 Daniel 'Eisbehr' Kern */
+!function(t,e){"use strict";function r(r,a,i,l,u){function c(){L=t.devicePixelRatio>1,f(i),a.delay>=0&&setTimeout(function(){s(!0)},a.delay),(a.delay<0||a.combined)&&(l.e=v(a.throttle,function(t){"resize"===t.type&&(w=B=-1),s(t.all)}),l.a=function(t){f(t),i.push.apply(i,t)},l.g=function(){return i=n(i).filter(function(){return!n(this).data(a.loadedName)})},s(),n(a.appendScroll).on("scroll."+u+" resize."+u,l.e))}function f(t){var i=a.defaultImage,o=a.placeholder,l=a.imageBase,u=a.srcsetAttribute,c=a.loaderAttribute,f=a._f||{};t=n(t).filter(function(){var t=n(this),r=b(this);return!t.data(a.handledName)&&(t.attr(a.attribute)||t.attr(u)||t.attr(c)||f[r]!==e)}).data("plugin_"+a.name,r);for(var s=0,d=t.length;s<d;s++){var A=n(t[s]),m=b(t[s]),h=A.attr(a.imageBaseAttribute)||l;m==N&&h&&A.attr(u)&&A.attr(u,g(A.attr(u),h)),f[m]===e||A.attr(c)||A.attr(c,f[m]),m==N&&i&&!A.attr(E)?A.attr(E,i):m==N||!o||A.css(O)&&"none"!=A.css(O)||A.css(O,"url('"+o+"')")}}function s(t){if(!i.length)return void(a.autoDestroy&&r.destroy());for(var e=!1,o=a.imageBase||"",l=a.srcsetAttribute,u=a.handledName,c=0;c<i.length;c++)if(t||A(i[c])){var f=n(i[c]),s=b(i[c]),m=f.attr(a.attribute),h=f.attr(a.imageBaseAttribute)||o,g=f.attr(a.loaderAttribute);f.data(u)||a.visibleOnly&&!f.is(":visible")||!((m||f.attr(l))&&(s==N&&(h+m!=f.attr(E)||f.attr(l)!=f.attr(F))||s!=N&&h+m!=f.css(O))||g)||(e=!0,f.data(u,!0),d(f,s,h,g))}e&&(i=n(i).filter(function(){return!n(this).data(u)}))}function d(t,e,r,i){++z;var o=function(){y("onError",t),p(),o=n.noop};y("beforeLoad",t);var l=a.attribute,u=a.srcsetAttribute,c=a.sizesAttribute,f=a.retinaAttribute,s=a.removeAttribute,d=a.loadedName,A=t.attr(f);if(i){var m=function(){s&&t.removeAttr(a.loaderAttribute),t.data(d,!0),y(T,t),setTimeout(p,1),m=n.noop};t.off(I).one(I,o).one(D,m),y(i,t,function(e){e?(t.off(D),m()):(t.off(I),o())})||t.trigger(I)}else{var h=n(new Image);h.one(I,o).one(D,function(){t.hide(),e==N?t.attr(C,h.attr(C)).attr(F,h.attr(F)).attr(E,h.attr(E)):t.css(O,"url('"+h.attr(E)+"')"),t[a.effect](a.effectTime),s&&(t.removeAttr(l+" "+u+" "+f+" "+a.imageBaseAttribute),c!==C&&t.removeAttr(c)),t.data(d,!0),y(T,t),h.remove(),p()});var b=(L&&A?A:t.attr(l))||"";h.attr(C,t.attr(c)).attr(F,t.attr(u)).attr(E,b?r+b:null),h.complete&&h.load()}}function A(t){var e=t.getBoundingClientRect(),r=a.scrollDirection,n=a.threshold,i=h()+n>e.top&&-n<e.bottom,o=m()+n>e.left&&-n<e.right;return"vertical"==r?i:"horizontal"==r?o:i&&o}function m(){return w>=0?w:w=n(t).width()}function h(){return B>=0?B:B=n(t).height()}function b(t){return t.tagName.toLowerCase()}function g(t,e){if(e){var r=t.split(",");t="";for(var a=0,n=r.length;a<n;a++)t+=e+r[a].trim()+(a!==n-1?",":"")}return t}function v(t,e){var n,i=0;return function(o,l){function u(){i=+new Date,e.call(r,o)}var c=+new Date-i;n&&clearTimeout(n),c>t||!a.enableThrottle||l?u():n=setTimeout(u,t-c)}}function p(){--z,i.length||z||y("onFinishedAll")}function y(t,e,n){return!!(t=a[t])&&(t.apply(r,[].slice.call(arguments,1)),!0)}var z=0,w=-1,B=-1,L=!1,T="afterLoad",D="load",I="error",N="img",E="src",F="srcset",C="sizes",O="background-image";"event"==a.bind||o?c():n(t).on(D+"."+u,c)}function a(a,o){var l=this,u=n.extend({},l.config,o),c={},f=u.name+"-"+ ++i;return l.config=function(t,r){return r===e?u[t]:(u[t]=r,l)},l.addItems=function(t){return c.a&&c.a("string"===n.type(t)?n(t):t),l},l.getItems=function(){return c.g?c.g():{}},l.update=function(t){return c.e&&c.e({},!t),l},l.loadAll=function(){return c.e&&c.e({all:!0},!0),l},l.destroy=function(){return n(u.appendScroll).off("."+f,c.e),n(t).off("."+f),c={},e},r(l,u,a,c,f),u.chainable?a:l}var n=t.jQuery||t.Zepto,i=0,o=!1;n.fn.Lazy=n.fn.lazy=function(t){return new a(this,t)},n.Lazy=n.lazy=function(t,r,i){if(n.isFunction(r)&&(i=r,r=[]),n.isFunction(i)){t=n.isArray(t)?t:[t],r=n.isArray(r)?r:[r];for(var o=a.prototype.config,l=o._f||(o._f={}),u=0,c=t.length;u<c;u++)(o[t[u]]===e||n.isFunction(o[t[u]]))&&(o[t[u]]=i);for(var f=0,s=r.length;f<s;f++)l[r[f]]=t[0]}},a.prototype.config={name:"lazy",chainable:!0,autoDestroy:!0,bind:"load",threshold:500,visibleOnly:!1,appendScroll:t,scrollDirection:"both",imageBase:null,defaultImage:"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",placeholder:null,delay:-1,combined:!1,attribute:"data-src",srcsetAttribute:"data-srcset",sizesAttribute:"data-sizes",retinaAttribute:"data-retina",loaderAttribute:"data-loader",imageBaseAttribute:"data-imagebase",removeAttribute:!0,handledName:"handled",loadedName:"loaded",effect:"show",effectTime:0,enableThrottle:!0,throttle:250,beforeLoad:e,afterLoad:e,onError:e,onFinishedAll:e},n(t).on("load",function(){o=!0})}(window);
 \ No newline at end of file
 $(document).ready(
     function()
     {
+        $('.lazy').Lazy({
+            effect: 'fadeIn'
+        });
+
         $(".active").click(
             function()
             {