Plugin Directory

Changeset 2886793


Ignore:
Timestamp:
03/25/2023 09:49:02 AM (3 years ago)
Author:
celomitan
Message:

1.2.22

  • Bux Fixing: Button icon style ( imBox widget, imBox widget carousel )
  • Improvement: Adding icon styles ( native icon list widget )
  • Improvement: Video play icon styles ( native video widget )
  • Improvement: Adding word background ( gum heading widget )
  • Improvement: Button icon background style ( imBox widget, imBox widget carousel )
Location:
gum-elementor-addon
Files:
45 added
8 edited

Legend:

Unmodified
Added
Removed
  • gum-elementor-addon/trunk/css/style.css

    r2882587 r2886793  
    541541  [data-elementor-device-mode=tablet] .post-grid-col-tablet-1 .grid-posts .grid-post{ width:  100%; }
    542542}
    543 
     543.grid-posts article{ height: 100%;}
    544544.grid-posts article .post-top { } /* .grid-posts article  overflow disable since 1.2.18 */
    545545.grid-posts article .blog-image{ background-size: cover; background-position: center;background-repeat: no-repeat;}
     
    615615}
    616616
    617 .imb-box .imb-box-content,.imb-box .imb-box-content *{
     617.imb-box .imb-box-content,.imb-box .imb-box-content > *{
    618618  -webkit-transition-duration: var(--e-box-transition-duration);
    619619  -o-transition-duration: var(--e-box-transition-duration);
  • gum-elementor-addon/trunk/gum-elementor-addon.php

    r2882587 r2886793  
    55 * Plugin URI: http://themegum.com/
    66 * Description: Addon widget for Elementor. Slideshow, pricing table, icon list, recent post, blog term, post term, post share, post meta, post related, post adjacent, blog grid, post slider,navigation menu, image box, popover and to top button
    7  * Version: 1.2.21
     7 * Version: 1.2.22
    88 * Author: TemeGUM
    99 * Author URI: http://themegum.com
  • gum-elementor-addon/trunk/readme.txt

    r2882587 r2886793  
    7272
    7373== Changelog ==
     74= 1.2.22 =
     75* Bux Fixing: Button icon style ( imBox widget, imBox widget carousel )
     76* Improvement: Adding icon styles ( native icon list widget )
     77* Improvement: Video play icon styles ( native video widget )
     78* Improvement: Adding word background ( gum heading widget )
     79* Improvement: Button icon background style ( imBox widget, imBox widget carousel )
     80
    7481= 1.2.21 =
    7582* Bux Fixing: Column reverse ordering ( Native section widget )
    76 * Improvement: Button icon style ( imBox widget )
    77 * Improvement: Button icon style ( imBox widget carousel )
     83* Improvement: Button icon style ( imBox widget, imBox widget carousel )
    7884* Improvement: Readmore button icon style ( blog grid widget )
    7985* Improvement: Adding icon border style ( native icon list widget )
  • gum-elementor-addon/trunk/widgets/blog_grid.php

    r2882587 r2886793  
    24232423        'size_units' => [ 'deg' ],
    24242424        'default' => [
    2425           'size' => 0,
     2425          'size' => '',
    24262426          'unit' => 'deg',
    24272427        ],
  • gum-elementor-addon/trunk/widgets/button.php

    r2882587 r2886793  
    1919      add_action( 'elementor/element/button/section_style/after_section_end', array( $this, 'register_section_icon_style_controls') , 999 );
    2020      add_action( 'elementor/element/before_section_start', [ $this, 'enqueue_script' ] );
     21      add_action( 'elementor/element/video/section_video_style/after_section_end', array( $this, 'register_section_play_icon_controls') , 999 );
    2122
    2223  }
     
    199200        'size_units' => [ 'deg' ],
    200201        'default' => [
    201           'size' => 0,
     202          'size' => '',
    202203          'unit' => 'deg',
    203204        ],
     
    233234  }
    234235
     236  public function register_section_play_icon_controls( Controls_Stack $element ){
     237
     238    $element->remove_control( 'play_icon_color' );
     239
     240
     241    $element->start_injection( [
     242      'of' => 'play_icon_size',
     243    ] );
     244
     245
     246    $element->add_group_control(
     247      Group_Control_Border::get_type(),
     248      [
     249        'name' => 'play_icon_border',
     250        'selector' => '{{WRAPPER}} .elementor-custom-embed-play',
     251        'condition' => [
     252          'show_image_overlay' => 'yes',
     253          'show_play_icon' => 'yes',
     254        ],
     255      ]
     256    );
     257
     258    $element->add_control(
     259      'play_icon_radius',
     260      [
     261        'label' => esc_html__( 'Border Radius', 'gum-elementor-addon' ),
     262        'type' => Controls_Manager::DIMENSIONS,
     263        'size_units' => [ 'px', '%' ],
     264        'selectors' => [
     265          '{{WRAPPER}} .elementor-custom-embed-play' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     266        ],
     267        'condition' => [
     268          'show_image_overlay' => 'yes',
     269          'show_play_icon' => 'yes',
     270          'play_icon_border_border!' =>''
     271        ],
     272      ]
     273    );
     274
     275    $element->add_responsive_control(
     276      'play_icon_padding',
     277      [
     278        'label' => esc_html__( 'Padding', 'gum-elementor-addon' ),
     279        'type' => Controls_Manager::DIMENSIONS,
     280        'size_units' => [ 'px', 'em', '%' ],
     281        'selectors' => [
     282          '{{WRAPPER}} .elementor-custom-embed-play' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     283        ],
     284        'condition' => [
     285          'show_image_overlay' => 'yes',
     286          'show_play_icon' => 'yes',
     287          'play_icon_border_border!' =>''
     288        ],
     289      ]
     290    );
     291
     292    $element->start_controls_tabs( '_tabs_play_icon_style' );
     293
     294    $element->start_controls_tab(
     295      '_tab_play_icon_normal',
     296      [
     297        'label' => esc_html__( 'Normal', 'gum-elementor-addon' ),
     298      ]
     299    );
     300
     301    $element->add_control(
     302      "play_icon_opacity",
     303      [
     304        'label' => esc_html__( 'Opacity', 'elementor' ),
     305        'type' => Controls_Manager::SLIDER,
     306        'range' => [
     307          'px' => [
     308            'min' => 0,
     309            'max' => 1,
     310            'step' => 0.1,
     311          ],
     312        ],
     313        'condition' => [
     314          'show_image_overlay' => 'yes',
     315          'show_play_icon' => 'yes',
     316        ],
     317        'selectors' => [
     318          '{{WRAPPER}} .elementor-custom-embed-play' => 'opacity: {{SIZE}};',
     319          '{{WRAPPER}} .elementor-custom-embed-play i' => 'opacity: 1;',
     320          '{{WRAPPER}} .elementor-custom-embed-play svg' => 'opacity: 1;',
     321        ],
     322      ]
     323    );
     324
     325    $element->add_control(
     326      'play_icon_color',
     327      [
     328        'label' => esc_html__( 'Color', 'elementor' ),
     329        'type' => Controls_Manager::COLOR,
     330        'selectors' => [
     331          '{{WRAPPER}} .elementor-custom-embed-play i' => 'color: {{VALUE}}',
     332          '{{WRAPPER}} .elementor-custom-embed-play svg' => 'fill: {{VALUE}}',
     333        ],
     334        'condition' => [
     335          'show_image_overlay' => 'yes',
     336          'show_play_icon' => 'yes',
     337        ],
     338      ]
     339    );
     340
     341    $element->add_control(
     342      'play_icon_background',
     343      [
     344        'label' => esc_html__( 'Background', 'gum-elementor-addon' ),
     345        'type' => Controls_Manager::COLOR,
     346        'default' => '',
     347        'selectors' => [
     348          '{{WRAPPER}} .elementor-custom-embed-play' => 'background: {{VALUE}};',
     349        ],
     350        'condition' => [
     351          'show_image_overlay' => 'yes',
     352          'show_play_icon' => 'yes',
     353          'play_icon_border_border!' =>''
     354        ],
     355      ]
     356    );       
     357
     358    $element->end_controls_tab();
     359    $element->start_controls_tab(
     360      '_tab_play_icon_hover',
     361      [
     362        'label' => esc_html__( 'Hover', 'gum-elementor-addon' ),
     363      ]
     364    );
     365
     366    $element->add_control(
     367      "play_icon_hover_opacity",
     368      [
     369        'label' => esc_html__( 'Opacity', 'elementor' ),
     370        'type' => Controls_Manager::SLIDER,
     371        'range' => [
     372          'px' => [
     373            'min' => 0,
     374            'max' => 1,
     375            'step' => 0.1,
     376          ],
     377        ],
     378        'condition' => [
     379          'show_image_overlay' => 'yes',
     380          'show_play_icon' => 'yes',
     381        ],
     382        'selectors' => [
     383          '{{WRAPPER}} .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play' => 'opacity: {{SIZE}};',
     384        ],
     385      ]
     386    );
     387
     388    $element->add_control(
     389      'play_icon_hovercolor',
     390      [
     391        'label' => esc_html__( 'Color', 'elementor' ),
     392        'type' => Controls_Manager::COLOR,
     393        'selectors' => [
     394          '{{WRAPPER}} .elementor-custom-embed-play:hover i' => 'color: {{VALUE}}',
     395          '{{WRAPPER}} .elementor-custom-embed-play:hover svg' => 'fill: {{VALUE}}',
     396        ],
     397        'condition' => [
     398          'show_image_overlay' => 'yes',
     399          'show_play_icon' => 'yes',
     400        ],
     401      ]
     402    );
     403
     404    $element->add_control(
     405      'play_icon_hover_background',
     406      [
     407        'label' => esc_html__( 'Background', 'gum-elementor-addon' ),
     408        'type' => Controls_Manager::COLOR,
     409        'default' => '',
     410        'selectors' => [
     411          '{{WRAPPER}} .elementor-custom-embed-play:hover' => 'background: {{VALUE}};',
     412        ],
     413        'condition' => [
     414          'show_image_overlay' => 'yes',
     415          'show_play_icon' => 'yes',
     416          'play_icon_border_border!' =>''
     417        ],
     418      ]
     419    );
     420
     421    $element->add_control(
     422      'play_icon_border_hover_color',
     423      [
     424        'label' => esc_html__( 'Border', 'gum-elementor-addon' ),
     425        'type' => Controls_Manager::COLOR,
     426        'selectors' => [
     427          '{{WRAPPER}} .elementor-custom-embed-play:hover' => 'border-color: {{VALUE}}!important;',
     428        ],
     429        'condition' => [
     430          'show_image_overlay' => 'yes',
     431          'show_play_icon' => 'yes',
     432          'play_icon_border_border!' =>''
     433        ],
     434      ]
     435    );
     436
     437    $element->end_controls_tab();
     438    $element->end_controls_tabs();
     439
     440    $element->end_injection();
     441  }
     442
    235443
    236444  public function enqueue_script( ) {
  • gum-elementor-addon/trunk/widgets/carousel_ibox.php

    r2882587 r2886793  
    273273        ],
    274274        'default' => 'yes',
     275        'style_transfer' => true,
    275276      ]
    276277    );
     
    287288        ],
    288289        'default' => 'yes',
     290        'style_transfer' => true,
    289291      ]
    290292    );
     
    543545
    544546        ], 
    545         'default'=>['size'=>75,'unit'=>'vh'],
     547        'default'=>['size'=>'','unit'=>'vh'],
    546548        'size_units' => [ 'px' ,'vh' ],
    547549        'selectors' => [
     
    13981400    );
    13991401
    1400 
    1401     $this->add_control(
    1402       'button_icon_color',
    1403       [
    1404         'label' => esc_html__( 'Color', 'gum-elementor-addon' ),
    1405         'type' => Controls_Manager::COLOR,
    1406         'selectors' => [
    1407           '{{WRAPPER}} .elementor-button .elementor-button-icon i,{{WRAPPER}} .elementor-button .elementor-button-icon svg' => 'color: {{VALUE}}!important,fill: {{VALUE}}!important;',
    1408         ],
    1409         'condition' => ['show_button!' => ''],
    1410       ]
    1411     );
    1412 
    1413 
    1414     $this->add_control(
    1415       'button_icon_hover_color',
    1416       [
    1417         'label' => esc_html__( 'Hover Color', 'gum-elementor-addon' ),
    1418         'type' => Controls_Manager::COLOR,
    1419         'selectors' => [
    1420           '{{WRAPPER}} .elementor-button:hover .elementor-button-icon i,{{WRAPPER}} .elementor-button:hover .elementor-button-icon svg' => 'color: {{VALUE}}!important,fill: {{VALUE}}!important;',
    1421         ],
    1422         'condition' => ['show_button!' => ''],
    1423       ]
    1424     );
    1425 
    1426 
    14271402    $this->add_control(
    14281403      'button_icon_indent',
     
    14621437    );
    14631438
    1464     $this->add_control(
    1465       'button_icon_rotate',
    1466       [
    1467         'label' => esc_html__( 'Rotate', 'elementor' ),
    1468         'type' => Controls_Manager::SLIDER,
    1469         'size_units' => [ 'deg' ],
    1470         'default' => [
    1471           'size' => 0,
    1472           'unit' => 'deg',
    1473         ],
    1474         'selectors' => [
    1475           '{{WRAPPER}} .elementor-button .elementor-button-icon i,{{WRAPPER}} .elementor-button .elementor-button-icon svg' => 'transform: rotate({{SIZE}}{{UNIT}});',
    1476         ],
     1439    $this->add_group_control(
     1440     Group_Control_Border::get_type(),
     1441      [
     1442        'name' => 'button_icon_border',
     1443        'selector' => '{{WRAPPER}} .elementor-button .elementor-button-icon',
    14771444        'condition' => ['show_button!' => ''],
    1478 
    14791445      ]
    14801446    );
     
    14891455                '{{WRAPPER}} .elementor-button .elementor-button-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    14901456            ],
    1491             'condition' => ['show_button!' => ''],
     1457            'condition' => ['show_button!' => '','button_icon_border_border!' => ''],
    14921458        ]
    1493     );
    1494 
    1495 
    1496     $this->add_group_control(
    1497      Group_Control_Border::get_type(),
    1498       [
    1499         'name' => 'button_icon_border',
    1500         'selector' => '{{WRAPPER}} .elementor-button .elementor-button-icon',
    1501         'condition' => ['show_button!' => ''],
    1502       ]
    1503     );
    1504 
    1505     $this->add_control(
    1506       'button_icon_border_hover_color',
    1507       [
    1508         'label' => esc_html__( 'Hover Color', 'gum-elementor-addon' ),
    1509         'type' => Controls_Manager::COLOR,
    1510         'selectors' => [
    1511           '{{WRAPPER}} .elementor-button:hover .elementor-button-icon' => 'border-color: {{VALUE}}!important;',
    1512         ],
    1513         'condition' => ['show_button!' => '','button_icon_border_border!'=>''],
    1514       ]
    15151459    );
    15161460
     
    15281472    );
    15291473
     1474
     1475    $this->start_controls_tabs( '_tabs_button_icon_style' );
     1476
     1477    $this->start_controls_tab(
     1478      '_tab_button_icon_normal',
     1479      [
     1480        'label' => esc_html__( 'Normal', 'gum-elementor-addon' ),
     1481      ]
     1482    );
     1483
     1484
     1485    $this->add_control(
     1486      'button_icon_color',
     1487      [
     1488        'label' => esc_html__( 'Color', 'gum-elementor-addon' ),
     1489        'type' => Controls_Manager::COLOR,
     1490        'selectors' => [
     1491          '{{WRAPPER}} .elementor-button .elementor-button-icon i,{{WRAPPER}} .elementor-button .elementor-button-icon svg' => 'color: {{VALUE}}!important,fill: {{VALUE}}!important;',
     1492        ],
     1493        'condition' => ['show_button!' => ''],
     1494      ]
     1495    );
     1496
     1497
     1498    $this->add_control(
     1499      'button_icon_background',
     1500      [
     1501        'label' => esc_html__( 'Background', 'gum-elementor-addon' ),
     1502        'type' => Controls_Manager::COLOR,
     1503        'default' => '',
     1504        'selectors' => [
     1505          '{{WRAPPER}} .elementor-button .elementor-button-icon' => 'background: {{VALUE}};',
     1506        ],
     1507        'condition' => ['show_button!' => '','button_icon_border_border!' => ''],
     1508      ]
     1509    );
     1510
     1511
     1512    $this->add_control(
     1513      'button_icon_rotate',
     1514      [
     1515        'label' => esc_html__( 'Rotate', 'elementor' ),
     1516        'type' => Controls_Manager::SLIDER,
     1517        'size_units' => [ 'deg' ],
     1518        'default' => [
     1519          'size' => 0,
     1520          'unit' => 'deg',
     1521        ],
     1522        'selectors' => [
     1523          '{{WRAPPER}} .elementor-button .elementor-button-icon i,{{WRAPPER}} .elementor-button .elementor-button-icon svg' => 'transform: rotate({{SIZE}}{{UNIT}});',
     1524        ],
     1525        'condition' => ['show_button!' => ''],
     1526
     1527      ]
     1528    );
     1529
     1530
     1531    $this->end_controls_tab();
     1532    $this->start_controls_tab(
     1533      '_tab_button_icon_hover',
     1534      [
     1535        'label' => esc_html__( 'Hover', 'gum-elementor-addon' ),
     1536      ]
     1537    );       
     1538
     1539    $this->add_control(
     1540      'button_icon_hover_color',
     1541      [
     1542        'label' => esc_html__( 'Color', 'gum-elementor-addon' ),
     1543        'type' => Controls_Manager::COLOR,
     1544        'selectors' => [
     1545          '{{WRAPPER}} .elementor-button:hover .elementor-button-icon i,{{WRAPPER}} .elementor-button:hover .elementor-button-icon svg' => 'color: {{VALUE}}!important,fill: {{VALUE}}!important;',
     1546        ],
     1547        'condition' => ['show_button!' => ''],
     1548      ]
     1549    );
     1550
     1551    $this->add_control(
     1552      'button_hover_icon_background',
     1553      [
     1554        'label' => esc_html__( 'Background', 'gum-elementor-addon' ),
     1555        'type' => Controls_Manager::COLOR,
     1556        'default' => '',
     1557        'selectors' => [
     1558          '{{WRAPPER}} .elementor-button:hover .elementor-button-icon' => 'background: {{VALUE}};',
     1559        ],
     1560        'condition' => ['show_button!' => '','button_icon_border_border!' => ''],
     1561      ]
     1562    );
     1563
     1564    $this->add_control(
     1565      'button_icon_border_hover_color',
     1566      [
     1567        'label' => esc_html__( 'Border', 'gum-elementor-addon' ),
     1568        'type' => Controls_Manager::COLOR,
     1569        'selectors' => [
     1570          '{{WRAPPER}} .elementor-button:hover .elementor-button-icon' => 'border-color: {{VALUE}}!important;',
     1571        ],
     1572        'condition' => ['show_button!' => '','button_icon_border_border!'=>''],
     1573      ]
     1574    );
     1575
     1576
     1577    $this->add_control(
     1578      'button_icon_hover_rotate',
     1579      [
     1580        'label' => esc_html__( 'Rotate', 'elementor' ),
     1581        'type' => Controls_Manager::SLIDER,
     1582        'size_units' => [ 'deg' ],
     1583        'default' => [
     1584          'size' => '',
     1585          'unit' => 'deg',
     1586        ],
     1587        'selectors' => [
     1588          '{{WRAPPER}} .elementor-button:hover .elementor-button-icon i, {{WRAPPER}} .elementor-button:hover .elementor-button-icon svg' => 'transform: rotate({{SIZE}}{{UNIT}});',
     1589        ],
     1590      ]
     1591    );
     1592
     1593    $this->add_control(
     1594      'button_icon_transform_transition_hover',
     1595      [
     1596        'label' => esc_html__( 'Transition Duration (ms)', 'elementor' ),
     1597        'type' => Controls_Manager::SLIDER,
     1598        'range' => [
     1599          'px' => [
     1600            'min' => 100,
     1601            'max' => 10000,
     1602          ],
     1603        ],
     1604        'selectors' => [
     1605          '{{WRAPPER}} .elementor-button-content-wrapper' => '--e-button-transition-duration: {{SIZE}}ms',
     1606        ],
     1607      ]
     1608    );
     1609
     1610
     1611    $this->end_controls_tab();
     1612    $this->end_controls_tabs();
    15301613
    15311614    $this->end_controls_section();
     
    22112294
    22122295
    2213     $this->add_control(
    2214       'show_button',
    2215       [
    2216         'label' => esc_html__( 'Show Button', 'gum-elementor-addon' ),
    2217         'type' => Controls_Manager::SELECT,
    2218         'options' => [
    2219           '' => esc_html__( 'None', 'gum-elementor-addon' ),
    2220           'yes' => esc_html__( 'Over Box', 'gum-elementor-addon' ),
    2221           'overimage' => esc_html__( 'Over Image', 'gum-elementor-addon' ),
    2222           'overcontent' => esc_html__( 'Over Content Box', 'gum-elementor-addon' ),
    2223           'bottom' => esc_html__( 'On Content Box', 'gum-elementor-addon' ),
    2224         ],
    2225         'default' => 'yes',
    2226         'separator' => 'before'
    2227       ]
    2228     );
    2229 
    2230     $this->add_control(
    2231       'button_label',
    2232       [
    2233         'label' => esc_html__( 'Button Text', 'gum-elementor-addon' ),
    2234         'type' => Controls_Manager::TEXT,
    2235         'default' => esc_html__( 'Button', 'gum-elementor-addon' ),
    2236         'label_block' => true,
    2237         'condition' => [
    2238           'show_button!' => '',
    2239         ],
    2240       ]
    2241     );
    2242 
    2243     $this->add_control(
    2244       'selected_icon',
    2245       [
    2246         'label' => esc_html__( 'Icon', 'gum-elementor-addon' ),
    2247         'type' => Controls_Manager::ICONS,
    2248         'fa4compatibility' => 'icon',
    2249         'condition' => [
    2250           'show_button!' => '',
    2251         ],
    2252       ]
    2253     );
    2254 
    2255     $this->add_control(
    2256       'button_icon_align',
    2257       [
    2258         'label' => esc_html__( 'Icon Position', 'gum-elementor-addon' ),
    2259         'type' => Controls_Manager::SELECT,
    2260         'default' => 'left',
    2261         'options' => [
    2262           'left' => esc_html__( 'Before', 'gum-elementor-addon' ),
    2263           'right' => esc_html__( 'After', 'gum-elementor-addon' ),
    2264         ],
    2265         'condition' => [
    2266           'show_button!' => '',
    2267         ],
    2268       ]
    2269     );
    22702296
    22712297    $this->add_control(
     
    22802306        ],
    22812307        'default' => 'yes',
     2308        'style_transfer' => true,
    22822309        'separator' => 'before'
    22832310      ]
     
    23452372    );
    23462373
     2374
     2375    $this->add_control(
     2376      'show_button',
     2377      [
     2378        'label' => esc_html__( 'Show Button', 'gum-elementor-addon' ),
     2379        'type' => Controls_Manager::SELECT,
     2380        'options' => [
     2381          '' => esc_html__( 'None', 'gum-elementor-addon' ),
     2382          'yes' => esc_html__( 'Over Box', 'gum-elementor-addon' ),
     2383          'overimage' => esc_html__( 'Over Image', 'gum-elementor-addon' ),
     2384          'overcontent' => esc_html__( 'Over Content Box', 'gum-elementor-addon' ),
     2385          'bottom' => esc_html__( 'On Content Box', 'gum-elementor-addon' ),
     2386        ],
     2387        'default' => 'yes',
     2388        'style_transfer' => true,
     2389        'separator' => 'before'
     2390      ]
     2391    );
     2392
     2393    $this->add_control(
     2394      'button_label',
     2395      [
     2396        'label' => esc_html__( 'Button Text', 'gum-elementor-addon' ),
     2397        'type' => Controls_Manager::TEXT,
     2398        'default' => esc_html__( 'Button', 'gum-elementor-addon' ),
     2399        'label_block' => true,
     2400        'condition' => [
     2401          'show_button!' => '',
     2402        ],
     2403        'style_transfer' => true,
     2404      ]
     2405    );
     2406
     2407    $this->add_control(
     2408      'selected_icon',
     2409      [
     2410        'label' => esc_html__( 'Icon', 'gum-elementor-addon' ),
     2411        'type' => Controls_Manager::ICONS,
     2412        'fa4compatibility' => 'icon',
     2413        'condition' => [
     2414          'show_button!' => '',
     2415        ],
     2416      ]
     2417    );
     2418
     2419    $this->add_control(
     2420      'button_icon_align',
     2421      [
     2422        'label' => esc_html__( 'Icon Position', 'gum-elementor-addon' ),
     2423        'type' => Controls_Manager::SELECT,
     2424        'default' => 'left',
     2425        'options' => [
     2426          'left' => esc_html__( 'Before', 'gum-elementor-addon' ),
     2427          'right' => esc_html__( 'After', 'gum-elementor-addon' ),
     2428        ],
     2429        'style_transfer' => true,
     2430        'condition' => [
     2431          'show_button!' => '',
     2432        ],
     2433      ]
     2434    );
    23472435
    23482436    $this->end_controls_section();
     
    31103198    );
    31113199
    3112     $this->add_control(
    3113       'button_icon_color',
    3114       [
    3115         'label' => esc_html__( 'Color', 'gum-elementor-addon' ),
    3116         'type' => Controls_Manager::COLOR,
    3117         'selectors' => [
    3118           '{{WRAPPER}} .elementor-button .elementor-button-icon i,{{WRAPPER}} .elementor-button .elementor-button-icon svg' => 'color: {{VALUE}}!important,fill: {{VALUE}}!important;',
    3119         ],
    3120         'condition' => ['show_button!' => '','selected_icon[value]!' => ''],
    3121       ]
    3122     );
    3123 
    3124     $this->add_control(
    3125       'button_icon_hover_color',
    3126       [
    3127         'label' => esc_html__( 'Hover Color', 'gum-elementor-addon' ),
    3128         'type' => Controls_Manager::COLOR,
    3129         'selectors' => [
    3130           '{{WRAPPER}} .elementor-button:hover .elementor-button-icon i,{{WRAPPER}} .elementor-button:hover .elementor-button-icon svg' => 'color: {{VALUE}}!important,fill: {{VALUE}}!important;',
    3131         ],
    3132         'condition' => ['show_button!' => '','selected_icon[value]!' => ''],
    3133       ]
    3134     );
    31353200
    31363201    $this->add_control(
     
    31713236    );
    31723237
    3173     $this->add_control(
    3174       'button_icon_rotate',
    3175       [
    3176         'label' => esc_html__( 'Rotate', 'elementor' ),
    3177         'type' => Controls_Manager::SLIDER,
    3178         'size_units' => [ 'deg' ],
    3179         'default' => [
    3180           'size' => 0,
    3181           'unit' => 'deg',
    3182         ],
    3183         'selectors' => [
    3184           '{{WRAPPER}} .elementor-button .elementor-button-icon i,{{WRAPPER}} .elementor-button .elementor-button-icon svg' => 'transform: rotate({{SIZE}}{{UNIT}});',
    3185         ],
     3238    $this->add_group_control(
     3239     Group_Control_Border::get_type(),
     3240      [
     3241        'name' => 'button_icon_border',
     3242        'selector' => '{{WRAPPER}} .elementor-button .elementor-button-icon',
    31863243        'condition' => ['show_button!' => '','selected_icon[value]!' => ''],
    3187 
    31883244      ]
    31893245    );
     
    31983254                '{{WRAPPER}} .elementor-button .elementor-button-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    31993255            ],
    3200             'condition' => ['show_button!' => '','selected_icon[value]!' => ''],
     3256            'condition' => ['show_button!' => '','selected_icon[value]!' => '','button_icon_border_border!'=>''],
    32013257        ]
    3202     );
    3203 
    3204 
    3205     $this->add_group_control(
    3206      Group_Control_Border::get_type(),
    3207       [
    3208         'name' => 'button_icon_border',
    3209         'selector' => '{{WRAPPER}} .elementor-button .elementor-button-icon',
    3210         'condition' => ['show_button!' => '','selected_icon[value]!' => ''],
    3211       ]
    3212     );
    3213 
    3214     $this->add_control(
    3215       'button_icon_border_hover_color',
    3216       [
    3217         'label' => esc_html__( 'Hover Color', 'gum-elementor-addon' ),
    3218         'type' => Controls_Manager::COLOR,
    3219         'selectors' => [
    3220           '{{WRAPPER}} .elementor-button:hover .elementor-button-icon' => 'border-color: {{VALUE}}!important;',
    3221         ],
    3222         'condition' => ['show_button!' => '','selected_icon[value]!' => '','button_icon_border_border!'=>''],
    3223       ]
    32243258    );
    32253259
     
    32363270      ]
    32373271    );
     3272
     3273    $this->start_controls_tabs( '_tabs_button_icon_style' );
     3274
     3275    $this->start_controls_tab(
     3276      '_tab_button_icon_normal',
     3277      [
     3278        'label' => esc_html__( 'Normal', 'gum-elementor-addon' ),
     3279      ]
     3280    );
     3281       
     3282
     3283    $this->add_control(
     3284      'button_icon_color',
     3285      [
     3286        'label' => esc_html__( 'Color', 'gum-elementor-addon' ),
     3287        'type' => Controls_Manager::COLOR,
     3288        'selectors' => [
     3289          '{{WRAPPER}} .elementor-button .elementor-button-icon i,{{WRAPPER}} .elementor-button .elementor-button-icon svg' => 'color: {{VALUE}}!important,fill: {{VALUE}}!important;',
     3290        ],
     3291        'condition' => ['show_button!' => '','selected_icon[value]!' => ''],
     3292      ]
     3293    );
     3294
     3295    $this->add_control(
     3296      'button_icon_background',
     3297      [
     3298        'label' => esc_html__( 'Background', 'gum-elementor-addon' ),
     3299        'type' => Controls_Manager::COLOR,
     3300        'default' => '',
     3301        'selectors' => [
     3302          '{{WRAPPER}} .elementor-button .elementor-button-icon' => 'background: {{VALUE}};',
     3303        ],
     3304        'condition' => ['show_button!' => '','button_icon_border_border!' => ''],
     3305      ]
     3306    );
     3307
     3308    $this->add_control(
     3309      'button_icon_rotate',
     3310      [
     3311        'label' => esc_html__( 'Rotate', 'elementor' ),
     3312        'type' => Controls_Manager::SLIDER,
     3313        'size_units' => [ 'deg' ],
     3314        'default' => [
     3315          'size' => 0,
     3316          'unit' => 'deg',
     3317        ],
     3318        'selectors' => [
     3319          '{{WRAPPER}} .elementor-button .elementor-button-icon i,{{WRAPPER}} .elementor-button .elementor-button-icon svg' => 'transform: rotate({{SIZE}}{{UNIT}});',
     3320        ],
     3321        'condition' => ['show_button!' => '','selected_icon[value]!' => ''],
     3322
     3323      ]
     3324    );
     3325
     3326    $this->end_controls_tab();
     3327    $this->start_controls_tab(
     3328      '_tab_button_icon_hover',
     3329      [
     3330        'label' => esc_html__( 'Hover', 'gum-elementor-addon' ),
     3331      ]
     3332    );
     3333
     3334    $this->add_control(
     3335      'button_icon_hover_color',
     3336      [
     3337        'label' => esc_html__( 'Color', 'gum-elementor-addon' ),
     3338        'type' => Controls_Manager::COLOR,
     3339        'selectors' => [
     3340          '{{WRAPPER}} .elementor-button:hover .elementor-button-icon i,{{WRAPPER}} .elementor-button:hover .elementor-button-icon svg' => 'color: {{VALUE}}!important,fill: {{VALUE}}!important;',
     3341        ],
     3342        'condition' => ['show_button!' => '','selected_icon[value]!' => ''],
     3343      ]
     3344    );
     3345
     3346    $this->add_control(
     3347      'button_hover_icon_background',
     3348      [
     3349        'label' => esc_html__( 'Background', 'gum-elementor-addon' ),
     3350        'type' => Controls_Manager::COLOR,
     3351        'default' => '',
     3352        'selectors' => [
     3353          '{{WRAPPER}} .elementor-button:hover .elementor-button-icon' => 'background: {{VALUE}};',
     3354        ],
     3355        'condition' => ['show_button!' => '','button_icon_border_border!' => ''],
     3356      ]
     3357    );
     3358
     3359    $this->add_control(
     3360      'button_icon_border_hover_color',
     3361      [
     3362        'label' => esc_html__( 'Border', 'gum-elementor-addon' ),
     3363        'type' => Controls_Manager::COLOR,
     3364        'selectors' => [
     3365          '{{WRAPPER}} .elementor-button:hover .elementor-button-icon' => 'border-color: {{VALUE}}!important;',
     3366        ],
     3367        'condition' => ['show_button!' => '','selected_icon[value]!' => '','button_icon_border_border!'=>''],
     3368      ]
     3369    );
     3370
     3371
     3372    $this->add_control(
     3373      'button_icon_hover_rotate',
     3374      [
     3375        'label' => esc_html__( 'Rotate', 'elementor' ),
     3376        'type' => Controls_Manager::SLIDER,
     3377        'size_units' => [ 'deg' ],
     3378        'default' => [
     3379          'size' => '',
     3380          'unit' => 'deg',
     3381        ],
     3382        'selectors' => [
     3383          '{{WRAPPER}} .elementor-button:hover .elementor-button-icon i, {{WRAPPER}} .elementor-button:hover .elementor-button-icon svg' => 'transform: rotate({{SIZE}}{{UNIT}});',
     3384        ],
     3385      ]
     3386    );
     3387
     3388    $this->add_control(
     3389      'button_icon_transform_transition_hover',
     3390      [
     3391        'label' => esc_html__( 'Transition Duration (ms)', 'elementor' ),
     3392        'type' => Controls_Manager::SLIDER,
     3393        'range' => [
     3394          'px' => [
     3395            'min' => 100,
     3396            'max' => 10000,
     3397          ],
     3398        ],
     3399        'selectors' => [
     3400          '{{WRAPPER}} .elementor-button-content-wrapper' => '--e-button-transition-duration: {{SIZE}}ms',
     3401        ],
     3402      ]
     3403    );
     3404
     3405    $this->end_controls_tab();
     3406    $this->end_controls_tabs();
     3407
    32383408
    32393409    $this->end_controls_section();
  • gum-elementor-addon/trunk/widgets/heading.php

    r2878684 r2886793  
    108108
    109109    $this->add_control(
     110      'main_heading',
     111      [
     112        'label' => esc_html__( 'Main Title', 'gum-elementor-addon' ),
     113        'type' => Controls_Manager::TEXTAREA,
     114        'dynamic' => [
     115          'active' => false,
     116        ],
     117        'placeholder' => esc_html__( 'Enter your title', 'gum-elementor-addon' ),
     118        'default' => esc_html__( 'Heading Text Here', 'gum-elementor-addon' ),
     119        'condition' => [
     120          'heading_source[value]' => 'text'
     121        ],
     122      ]
     123    );
     124
     125    $this->add_control(
    110126      'prefix_heading',
    111127      [
     
    116132        ],
    117133        'default' => '',
    118         'condition' => [
    119           'heading_source[value]' => 'text'
    120         ],
    121       ]
    122     );
    123 
    124     $this->add_control(
    125       'main_heading',
    126       [
    127         'label' => esc_html__( 'Main Title', 'gum-elementor-addon' ),
    128         'type' => Controls_Manager::TEXTAREA,
    129         'dynamic' => [
    130           'active' => false,
    131         ],
    132         'placeholder' => esc_html__( 'Enter your title', 'gum-elementor-addon' ),
    133         'default' => esc_html__( 'Heading Text Here', 'gum-elementor-addon' ),
    134134        'condition' => [
    135135          'heading_source[value]' => 'text'
     
    338338    );   
    339339
    340 
    341340    $this->add_control(
    342341      'title_color',
     
    361360        ],
    362361        'conditions' => [
    363           'relation' => 'or',
     362          'relation' => 'and',
    364363          'terms' =>[
    365             [
    366               'name' => 'link[url]',
    367               'operator' => '!==',
    368               'value' => '',
     364            [ 'name' => 'heading_source',
     365              'operator' => '==',
     366              'value' =>'the_title'
    369367            ],
    370368            [
     
    372370              'operator' => '==',
    373371              'value' => 'yes',
     372            ]
     373          ]
     374        ],
     375        'conditions' => [
     376          'relation' => 'and',
     377          'terms' =>[
     378            [ 'name' => 'heading_source',
     379              'operator' => '!==',
     380              'value' =>'the_title'
     381            ],
     382            [
     383              'name' => 'link[url]',
     384              'operator' => '!==',
     385              'value' => '',
     386            ]
     387          ]
     388        ]
     389      ]
     390    );
     391
     392    $this->add_group_control(
     393      Group_Control_Typography::get_type(),
     394      [
     395        'name' => 'typography_title',
     396        'selector' => '{{WRAPPER}} .section-main-title',
     397      ]
     398    );
     399
     400
     401    $this->add_group_control(
     402      Group_Control_Text_Stroke::get_type(),
     403      [
     404        'name' => 'title_text_stroke',
     405        'selector' => '{{WRAPPER}} .section-main-title,{{WRAPPER}} .section-main-title a',
     406      ]
     407    );
     408
     409    $this->add_group_control(
     410      Group_Control_Text_Shadow::get_type(),
     411      [
     412        'name' => 'title_text_shadow',
     413        'selector' => '{{WRAPPER}} .section-main-title,{{WRAPPER}} .section-main-title a',
     414      ]
     415    );
     416
     417    $this->add_control(
     418      'main_title_background',
     419      [
     420        'label' => esc_html__( 'Background', 'elementor' ),
     421        'type' =>  Controls_Manager::COLOR,
     422        'default' => '',
     423        'selectors' => [
     424          '{{WRAPPER}} .section-main-title span.maintitle' => 'background: {{VALUE}};',
     425        ],
     426        'conditions' => [
     427          'relation' => 'or',
     428          'terms' =>[
     429            [
     430              'name' => 'prefix_heading',
     431              'operator' => '!==',
     432              'value' => '',
     433            ],
     434            [
     435              'name' => 'sub_heading',
     436              'operator' => '!==',
     437              'value' => '',
    374438            ],
    375439          ]
    376440        ],
    377       ]
    378     );
    379 
    380     $this->add_group_control(
    381       Group_Control_Typography::get_type(),
    382       [
    383         'name' => 'typography_title',
    384         'selector' => '{{WRAPPER}} .section-main-title',
    385       ]
    386     );
    387 
    388 
    389     $this->add_group_control(
    390       Group_Control_Text_Stroke::get_type(),
    391       [
    392         'name' => 'title_text_stroke',
    393         'selector' => '{{WRAPPER}} .section-main-title,{{WRAPPER}} .section-main-title a',
    394       ]
    395     );
    396 
    397     $this->add_group_control(
    398       Group_Control_Text_Shadow::get_type(),
    399       [
    400         'name' => 'title_text_shadow',
    401         'selector' => '{{WRAPPER}} .section-main-title,{{WRAPPER}} .section-main-title a',
     441        'condition' => [
     442          'heading_source[value]' => 'text'
     443        ],
     444      ]
     445    );
     446
     447    $this->add_responsive_control(
     448      'main_title_padding',
     449      [
     450        'label' => esc_html__( 'Padding', 'gum-elementor-addon' ),
     451        'type' => Controls_Manager::DIMENSIONS,
     452        'size_units' => [ 'px', 'em', '%' ],
     453        'selectors' => [
     454          '{{WRAPPER}} .section-main-title span.maintitle' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     455        ],
     456        'conditions' => [
     457          'relation' => 'or',
     458          'terms' =>[
     459            [
     460              'name' => 'prefix_heading',
     461              'operator' => '!==',
     462              'value' => '',
     463            ],
     464            [
     465              'name' => 'sub_heading',
     466              'operator' => '!==',
     467              'value' => '',
     468            ],
     469          ]
     470        ],
     471      ]
     472    );
     473
     474
     475    $this->add_control(
     476      'main_title_radius',
     477      [
     478        'label' => esc_html__( 'Border Radius', 'gum-elementor-addon' ),
     479        'type' => Controls_Manager::DIMENSIONS,
     480        'size_units' => [ 'px', '%' ],
     481        'selectors' => [
     482          '{{WRAPPER}} .section-main-title span.maintitle' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     483        ],
     484        'conditions' => [
     485          'relation' => 'or',
     486          'terms' =>[
     487            [
     488              'name' => 'prefix_heading',
     489              'operator' => '!==',
     490              'value' => '',
     491            ],
     492            [
     493              'name' => 'sub_heading',
     494              'operator' => '!==',
     495              'value' => '',
     496            ],
     497          ]
     498        ],
    402499      ]
    403500    );
     
    418515    );   
    419516
    420 
    421517    $this->add_control(
    422518      'prefix_title_color',
     
    431527    );
    432528
    433 
    434529    $this->add_control(
    435530      'prefix_title_hovercolor',
     
    446541      ]
    447542    );
    448 
    449543
    450544    $this->add_control(
     
    602696    );
    603697
    604 
    605 
    606698    $this->add_responsive_control(
    607699      'decoration_size',
     
    9501042
    9511043
    952       $this->add_render_attribute( 'main_heading');
     1044      $this->add_render_attribute( 'main_heading','class','maintitle');
    9531045      $this->add_inline_editing_attributes( 'main_heading' );
    9541046
     
    10211113      view.addInlineEditingAttributes( 'prefix_heading' ); 
    10221114
    1023       view.addRenderAttribute( 'main_heading' );
     1115      view.addRenderAttribute( 'main_heading' , 'class','maintitle' );
    10241116      view.addInlineEditingAttributes( 'main_heading' ); 
    10251117
  • gum-elementor-addon/trunk/widgets/icon_list.php

    r2882587 r2886793  
    140140          '{{WRAPPER}} .elementor-icon-list-icon' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    141141        ],
     142        'condition' => ['icon_self_align' => 'center','icon_border_border!' => ''],
    142143      ]
    143144    );
Note: See TracChangeset for help on using the changeset viewer.