WordPress.org
Get WordPress

Plugin Directory

Changeset 2632388


Ignore:
Timestamp:
11/19/2021 01:46:02 AM (4 years ago)
Author:
celomitan
Message:

1.2.1

  • Bux Fixing: blog grid on mobile view and disabling carousel when no article
  • Improvement: Adding toTop button widget
Location:
gum-elementor-addon
Files:
42 added
7 edited

Legend:

Unmodified
Added
Removed

  • gum-elementor-addon/trunk/css/style.css

    r2629588 r2632388  
    3131 z-index: 9999;
    3232 cursor: pointer;
     33 line-height: 1;
    3334 vertical-align: middle;
    3435}
    … …  
    3940 border-left: 5px solid;   
    4041 display: inline-block;
     42 line-height: 1;
    4143  -webkit-transition: all 0.2s ease;
    4244  -o-transition: all 0.2s ease;
    … …  
    499501
    500502
    501 
    502 .grid-posts .grid-post.grid-col-3{ width:  33.33%;}
    503 .grid-posts .grid-post.grid-col-2{ width:  50%;}
     503@media (min-width: 768px) {
     504  .grid-posts .grid-post.grid-col-3{ width:  33.33%;}
     505  .grid-posts .grid-post.grid-col-2{ width:  50%;}
     506}
     507
    504508.grid-posts article,.grid-posts article .post-top { overflow: hidden;}
    505509.grid-posts article .blog-image{ background-size: cover; background-position: center;}
    … …  
    576580
    577581.owl-custom-pagination{ position: relative; text-align: center; }
    578 
    579582.owl-custom-pagination .btn-owl{
    580583  cursor: pointer;
    … …  
    584587}
    585588.owl-carousel .owl-dots .owl-dot span{ opacity: 1; }
    586 
    587589.navigation-stretch .owl-custom-pagination{
    588590  position: absolute;
    … …  
    598600}
    599601
    600 .navigation-stretch.position-middle .owl-custom-pagination{
     602.navigation-stretch .owl-custom-pagination .btn-owl{ position: absolute; z-index: 99; }
     603.navigation-stretch.position-middle .owl-custom-pagination,
     604.navigation-stretch .owl-custom-pagination .btn-owl{
    601605  top: 50%;
    602606  -webkit-transform: translateY(-50%);
    … …  
    605609}
    606610
    607 .navigation-stretch .owl-custom-pagination .btn-owl{
    608   position: absolute;
    609   z-index: 99; top: 50%;
    610   -webkit-transform: translateY(-50%);
    611   -o-transform: translateY(-50%);
    612   transform: translateY(-50%);
    613 }
    614611
    615612.navigation-stretch .owl-custom-pagination .btn-owl.next{ right: 0;}
    … …  
    621618.blog-featureimage{ background-repeat: no-repeat;padding: 0; margin: 0; display: inline-block;background-position-x: center;}
    622619.blog-featureimage img{ vertical-align: bottom; opacity: 0; visibility: hidden;}
     620
     621/* to top button */
     622
     623#totop_btn{
     624  z-index: 100;
     625  padding: 0;
     626  position: fixed;
     627  width: 54px;
     628  height: 54px;
     629  bottom: 30px;
     630  right: 30px;
     631  cursor: pointer;
     632  vertical-align: middle;
     633  text-align: center;
     634  background: rgba(0, 0, 0, 0.0);
     635  -webkit-transition: background-color 0.4s ease;
     636  -o-transition: background-color 0.4s ease;
     637  transition: background-color 0.4s ease;
     638}
     639
     640#totop_btn.bottom-right{
     641  right: 30px;
     642}
     643
     644#totop_btn.bottom-left{
     645  left: 30px;
     646  right: unset; 
     647}
     648
     649#totop_btn.bottom-center{
     650  left: 50%;
     651  right: unset;   
     652  -webkit-transform: translateX(-50%);
     653  -o-transform: translateX(-50%);
     654  transform: translateX(-50%);
     655}
     656
     657
     658#totop_btn .totop-wrapper{
     659  position: relative;
     660  display: block;
     661  width: 100%; height: 100%;
     662}
     663
     664#totop_btn .totop-wrapper span,
     665#totop_btn .totop-wrapper svg,
     666#totop_btn .totop-wrapper i{
     667  position: absolute;
     668  left: 50%;
     669  top: 50%;
     670}
     671
     672
     673#totop_btn .totop-wrapper i,#totop_btn .totop-wrapper svg{
     674  font-size: 2em;
     675  -webkit-transform: translate(-50%, -50%);
     676  -moz-transform: translate(-50%, -50%);
     677  -ms-transform: translate(-50%, -50%);
     678  transform: translate(-50%, -50%);
     679}
     680
     681#totop_btn .totop-wrapper span{
     682  width: 20px;
     683  height: 20px;
     684  display: block;
     685  border: solid 2px #000000;
     686  margin-top: 5px;
     687  border-width: 2px 0 0 2px;
     688  -webkit-transform: translate(-50%, -50%) rotate(45deg);
     689  -moz-transform: translate(-50%, -50%) rotate(45deg);
     690  -ms-transform: translate(-50%, -50%) rotate(45deg);
     691  transform: translate(-50%, -50%) rotate(45deg);
     692}

  • gum-elementor-addon/trunk/gum-elementor-addon.php

    r2629588 r2632388  
    55 * Plugin URI: http://themegum.com/
    66 * Description: Addon widget for Elementor. Slideshow, pricing table, icon list, recent post, blog term, post term, post meta, post related,post adjacent,  popover and special option
    7  * Version: 1.2.0
     7 * Version: 1.2.1
    88 * Author: TemeGUM
    99 * Author URI: http://themegum.com
    … …  
    105105        require_once( GUM_ELEMENTOR_DIR."widgets/post_slider.php" );
    106106        require_once( GUM_ELEMENTOR_DIR."widgets/blog_image.php" );
     107        require_once( GUM_ELEMENTOR_DIR."widgets/totop_btn.php" );
    107108
    108109        if(!class_exists('Month_Anual_Pricetable_Widget')){

  • gum-elementor-addon/trunk/js/allscripts.js

    r2629588 r2632388  
    1 jQuery(document).ready(function($){
    2     "use strict";
    3 
    4   if($('.popover-button').length){
    5     $('.popover-button').each(function(){
    6             var p_btn = $(this),popover = $(this).closest('.popover-button-wrapper'), p_content = popover.find('.popover-box');
    7 
    8             if(!p_content.length){
    9                 p_content= $(document.createElement('div')).addClass('popover-box');
    10 
    11                 var p_title = p_btn.data('pop'), p_text = p_btn.data('pop-text'), p_align = p_btn.data('pop-align');
    12                 var close_btn = $(document.createElement('span')).addClass('close-pop');
    13 
    14                 p_content.prepend(close_btn);
    15 
    16                 if(!p_align || p_align==''){ p_align = 'bottom'; }
    17 
    18                 p_content.addClass('pop-' + p_align);
    19 
    20                 if(p_title && p_title!=''){
    21                     p_content.prepend('<h4>'+ p_title +'</h4>');
    22                 }
    23 
    24                 if(p_text && p_text!=''){
    25                     p_content.append('<div>'+ p_text +'</div>');
    26                 }
    27                 p_btn.after(p_content);
    28 
    29                 close_btn.on('click',function(e){
    30                     e.preventDefault();
    31                     $(this).closest('.popover-button-wrapper').removeClass('pop-it');
    32 
    33                 });
    34             }
    35 
    36             $(this).on("click", function(e){
    37               e.preventDefault();
    38               $(this).closest('.popover-button-wrapper').toggleClass('pop-it');
    39             });
    40 
    41         });
    42     }
    43 
    44     function prepare_gummenu(menus){
    45 
    46         $('.arrow', menus).each(function(f, index){
    47 
    48             $(index).on('click', function(e){
    49                 e.preventDefault();
    50                 var curmenu = $(this).closest('li');
    51                 curmenu.siblings().removeClass('menu-open');
    52                 curmenu.toggleClass('menu-open');
    53             });
    54         });
    55 
    56     }
    57 
    58 
    59     if($('.gum-menu').length){
    60         $('.gum-menu').each(function(){
    61 
    62             var themenu = $(this), menuwrapper = themenu.closest('.nav-wrapper'), btn = menuwrapper.find('.toggle-gum-menu');
    63 
    64             prepare_gummenu(themenu);
    65 
    66             btn.unbind('click').on('click', function(e){
    67             e.preventDefault();
    68             themenu.toggleClass('toggle-collapse');
    69 
    70             });
    71 
    72         });
    73     }
    74 });
     1jQuery(document).ready(function(l){"use strict";l(".popover-button").length&&l(".popover-button").each(function(){var t=l(this),o=l(this).closest(".popover-button-wrapper").find(".popover-box");if(!o.length){o=l(document.createElement("div")).addClass("popover-box");var e=t.data("pop"),n=t.data("pop-text"),p=t.data("pop-align"),a=l(document.createElement("span")).addClass("close-pop");o.prepend(a),p&&""!=p||(p="bottom"),o.addClass("pop-"+p),e&&""!=e&&o.prepend("<h4>"+e+"</h4>"),n&&""!=n&&o.append("<div>"+n+"</div>"),t.after(o),a.on("click",function(t){t.preventDefault(),l(this).closest(".popover-button-wrapper").removeClass("pop-it")})}l(this).on("click",function(t){t.preventDefault(),l(this).closest(".popover-button-wrapper").toggleClass("pop-it")})}),l(".gum-menu").length&&l(".gum-menu").each(function(){var o=l(this),t=o.closest(".nav-wrapper").find(".toggle-gum-menu");l(".arrow",o).each(function(t,o){l(o).on("click",function(t){t.preventDefault();var o=l(this).closest("li");o.siblings().removeClass("menu-open"),o.toggleClass("menu-open")})}),t.unbind("click").on("click",function(t){t.preventDefault(),o.toggleClass("toggle-collapse")})}),l("#totop_btn").length&&(l(window).on("scroll",function(){var t=l(window).height();l("#wpadminbar").length&&(t-=l("#wpadminbar").outerHeight()),l(this).scrollTop()>t?l("#totop_btn").fadeIn():l("#totop_btn").fadeOut()}),l("#totop_btn").on("click",function(){l("body,html").animate({scrollTop:0},600)}))});

  • gum-elementor-addon/trunk/readme.txt

    r2629588 r2632388  
    3535* **Site Menu** - Show main menu as site navigation.
    3636* **Special Option** - Inner section width like Top section, Inner section position like common widget.
     37* **To Top Button** - Show to Top Button.
    3738
    3839== Installation ==
    … …  
    5960
    6061== Changelog ==
     62= 1.2.1 =
     63* Bux Fixing: blog grid on mobile view and disabling carousel when no article
     64* Improvement: Adding toTop button widget
     65
    6166= 1.2.0 =
    6267* Improvement: Adding blog grid widget

  • gum-elementor-addon/trunk/widgets/blog_image.php

    r2629588 r2632388  
    288288
    289289  }
    290 
    291   protected function scontent_template() {
    292     ?>
    293     <#
    294     var allowed_tags = [ 'h1','h2','h3','h4','h5','h6','div','p','span' ];
    295     var tag_title = ( allowed_tags[ settings.tag ] && allowed_tags[ settings.tag ] != '' ) ? settings.tag : 'h2';
    296     var the_title = '<?php print esc_js(get_the_title());?>';
    297     var the_sitename = '<?php print esc_js( get_bloginfo( 'name' ) );?>';
    298     var the_sitetag = '<?php print esc_js( get_bloginfo( 'description' ) );?>';
    299     var site_year = '<?php print esc_js( date('Y') );?>';
    300 
    301     view.addRenderAttribute( 'main_heading', 'class', 'section-main-title' );
    302 
    303     if(settings.heading_source == 'text'){
    304       view.addInlineEditingAttributes( 'main_heading', 'none' ); 
    305       the_title = settings.main_heading;
    306     }
    307     else if(settings.heading_source == 'site_title'){
    308       the_title = the_sitename;
    309     }
    310     else if(settings.heading_source == 'site_tagline'){
    311       the_title = the_sitetag;
    312     }
    313     else if(settings.heading_source == 'site_year'){
    314       the_title = site_year;
    315     }
    316 
    317     view.addRenderAttribute( 'heading_container', 'class', 'gum-widget-title' );
    318 
    319     if( settings.font_size !='' ){
    320       view.addRenderAttribute( 'main_heading', 'class', 'size-'+ settings.font_size );
    321     }
    322 
    323     if( settings.line_position !='' ){
    324       view.addRenderAttribute( 'heading_container', 'class', 'decor-'+ settings.line_position );
    325     }
    326 
    327     if( settings.line_align !='' ){
    328       view.addRenderAttribute( 'heading_container', 'class', 'decorpos-'+ settings.line_align );
    329     }
    330     #>
    331     <div {{{ view.getRenderAttributeString( 'heading_container' ) }}}><{{{ tag_title}}} {{{ view.getRenderAttributeString( 'main_heading' ) }}}>{{{ the_title }}}</{{{ tag_title }}}></div>
    332     <?php
    333 
    334   }
    335290}
    336 
    337291// Register widget
    338292\Elementor\Plugin::instance()->widgets_manager->register_widget_type( new Gum_Elementor_Widget_blog_featured_image() );

  • gum-elementor-addon/trunk/widgets/post_slider.php

    r2629588 r2632388  
    657657          'right' => [
    658658            'title' => esc_html__( 'Right', 'gum-elementor-addon' ),
    659             'icon' => 'eicon-h-align-left',
     659            'icon' => 'eicon-h-align-right',
    660660          ],
    661661          'stretch' => [
    … …  
    20662066    wp_reset_postdata();
    20672067
    2068     $col_class = 'slide-item grid-post grid-col-1 image-position-'.$image_position;
     2068    $make_carousel = ($posts_per_page > $grid_layout) && (count($rows_html) > $grid_layout ) ? true : false;
     2069
     2070    $col_class = $make_carousel ? 'slide-item grid-post grid-col-1 image-position-'.$image_position : 'slide-item grid-post grid-col-'.absint($grid_layout).' image-position-'.$image_position;
    20692071
    20702072    echo '<div id="mod_'.$widget_id.'" class="owl-carousel-container">';
    2071     echo '<div class="grid-posts owl-carousel"><div class="'.$col_class.'">'.join('</div><div class="'.$col_class.'">',$rows_html).'</div></div>';
    2072 
    2073    if($slide_navigation === 'arrow'){
     2073    echo '<div class="grid-posts'.($make_carousel ? ' owl-carousel':'').'"><div class="'.$col_class.'">'.join('</div><div class="'.$col_class.'">',$rows_html).'</div></div>';
     2074
     2075   if($make_carousel && $slide_navigation === 'arrow'){
    20742076     print $this->get_carousel_navigation($settings);
    20752077   }
    … …  
    20772079   echo '</div>';
    20782080
    2079    $this->render_carousel_script($widget_id,$settings);
    2080  
     2081   if( $make_carousel){
     2082     $this->render_carousel_script($widget_id,$settings);
     2083   }
     2084
    20812085  }
    20822086

  • gum-elementor-addon/trunk/widgets/site_navigation.php

    r2629588 r2632388  
    416416      'carret_gap',
    417417      [
    418         'label' => esc_html__( 'Spacing', 'gum-elementor-addon' ),
     418        'label' => esc_html__( 'H Spacing', 'gum-elementor-addon' ),
    419419        'type' => Controls_Manager::SLIDER,
    420420        'range' => [
    … …  
    428428        'selectors' => [
    429429          '{{WRAPPER}} .arrow' => 'padding-left: {{SIZE}}{{UNIT}};',
     430        ],
     431      ]
     432    );
     433
     434    $this->add_control(
     435      'carret_offset',
     436      [
     437        'label' => esc_html__( 'V Spacing', 'gum-elementor-addon' ),
     438        'type' => Controls_Manager::SLIDER,
     439        'range' => [
     440          'px' => [
     441            'min' => -20,
     442            'max' => 20,
     443          ],
     444
     445        ], 
     446        'default'=>['size'=>'0','unit'=>'px'],
     447        'size_units' => [ 'px' ],
     448        'selectors' => [
     449          '{{WRAPPER}} .arrow' => 'transform: translateY({{SIZE}}{{UNIT}});',
    430450        ],
    431451      ]
Note: See TracChangeset for help on using the changeset viewer.