myStickymenu - Version 2.2

Version Description

You can now add a welcome bar to your website

Download this release

Release Info

Developer galdub
Plugin Icon 128x128 myStickymenu
Version 2.2
Comparing to
See all releases

Code changes from version 2.1.8 to 2.2

css/jquery.ui.datepicker.css ADDED
@@ -0,0 +1,7 @@
 
 
 
 
 
 
 
1
+ /*! jQuery UI - v1.12.1 - 2019-08-06
2
+ * http://jqueryui.com
3
+ * Includes: core.css, datepicker.css, theme.css
4
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
5
+ * Copyright jQuery Foundation and other contributors; Licensed MIT */
6
+
7
+ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-datepicker .ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
css/mystickymenu-admin.css CHANGED
@@ -320,21 +320,26 @@ span.input-px {
320
  background-color: #f4f4fd;
321
  }
322
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
323
  .myStickymenu-upgrade {
324
- background: #E1DAF6;
325
- border-radius: 20px;
326
- color: #7559C0;
327
- padding-top: 6px;
328
- padding-bottom: 6px;
329
- padding-left: 10px;
330
- padding-right: 10px;
331
- font-weight: bold;
332
- text-transform: uppercase;
333
- font-size: 12px;
334
  float: right;
335
  }
336
 
337
- .myStickymenu-upgrade:before {
338
  content: "\f160";
339
  font-family: dashicons;
340
  position: relative;
@@ -402,6 +407,7 @@ table {
402
 
403
  div#mystickymenu {
404
  overflow-x: hidden;
 
405
  }
406
 
407
  label.mysticky_title {
@@ -583,12 +589,12 @@ div#slider.ui-slider {
583
  left: 70px;
584
  }
585
 
586
- span.input-px {
587
- position: relative;
588
- left: 112px;
589
- top: -24px !important;
590
- margin-left: -20px;
591
- }
592
  }
593
 
594
 
@@ -1430,4 +1436,422 @@ p.udner-title {
1430
  -webkit-border-radius: 5px;
1431
  -moz-border-radius: 5px;
1432
  border-radius: 5px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1433
  }
320
  background-color: #f4f4fd;
321
  }
322
 
323
+ .myStickymenu-upgrade a {
324
+ background: #E1DAF6;
325
+ border-radius: 20px;
326
+ color: #7559C0;
327
+ padding-top: 2px;
328
+ padding-bottom: 6px;
329
+ padding-left: 10px;
330
+ padding-right: 10px;
331
+ font-weight: bold;
332
+ text-transform: uppercase;
333
+ font-size: 12px;
334
+ display: inline-block;
335
+ vertical-align: top;
336
+ line-height: 1;
337
+ }
338
  .myStickymenu-upgrade {
 
 
 
 
 
 
 
 
 
 
339
  float: right;
340
  }
341
 
342
+ .myStickymenu-upgrade a:before {
343
  content: "\f160";
344
  font-family: dashicons;
345
  position: relative;
407
 
408
  div#mystickymenu {
409
  overflow-x: hidden;
410
+ overflow-y: hidden;
411
  }
412
 
413
  label.mysticky_title {
589
  left: 70px;
590
  }
591
 
592
+ /* span.input-px { */
593
+ /* position: relative; */
594
+ /* left: 112px; */
595
+ /* top: -24px !important; */
596
+ /* margin-left: -20px; */
597
+ /* } */
598
  }
599
 
600
 
1436
  -webkit-border-radius: 5px;
1437
  -moz-border-radius: 5px;
1438
  border-radius: 5px;
1439
+ }
1440
+
1441
+ /*01-08-2019 welcome bar css*/
1442
+ #sticky-header-welcome-bar *, #sticky-header-welcome-bar ::before, #sticky-header-welcome-bar ::after {
1443
+ -webkit-box-sizing: border-box;
1444
+ -moz-box-sizing: border-box;
1445
+ box-sizing: border-box;
1446
+ }
1447
+ #sticky-header-welcome-bar .iris-picker, #sticky-header-welcome-bar .iris-picker * {
1448
+ -moz-box-sizing: content-box;
1449
+ -webkit-box-sizing: content-box;
1450
+ box-sizing: content-box;
1451
+ }
1452
+ .mysticky-welcomebar-switch {
1453
+ display: inline-block;
1454
+ width:55px;
1455
+ height:30px;
1456
+ position: relative;
1457
+ }
1458
+ .mysticky-welcomebar-switch input {
1459
+ opacity: 0;
1460
+ width: 0;
1461
+ height: 0;
1462
+ }
1463
+ .mysticky-welcomebar-switch .slider {
1464
+ border-radius: 15px;
1465
+ position: absolute;
1466
+ cursor: pointer;
1467
+ top: 0;
1468
+ left: 0;
1469
+ right: 0;
1470
+ bottom: 0;
1471
+ background-color: #ccc;
1472
+ border: 2px solid #ccc;
1473
+ -webkit-transition: .4s;
1474
+ transition: .4s;
1475
+ }
1476
+ .mysticky-welcomebar-switch .slider:before {
1477
+ border-radius: 50%;
1478
+ position: absolute;
1479
+ content: "";
1480
+ height: 24px;
1481
+ width: 24px;
1482
+ left: 2px;
1483
+ top: 1px;
1484
+ background-color: #ffffff;
1485
+ -webkit-transition: .4s;
1486
+ transition: .4s;
1487
+ }
1488
+ .mysticky-welcomebar-switch input:checked + .slider {
1489
+ background-color: #7761DF;
1490
+ border: 2px solid #7761DF;
1491
+ }
1492
+ .mysticky-welcomebar-switch input:focus + .slider {
1493
+ box-shadow: 0 0 1px #2196F3;
1494
+ }
1495
+ .mysticky-welcomebar-switch input:checked + .slider:before {
1496
+ -webkit-transform: translateX(24px);
1497
+ -ms-transform: translateX(24px);
1498
+ transform: translateX(24px);
1499
+ }
1500
+ .mysticky-welcomebar-form {
1501
+ background-color: #f8fcfd;
1502
+ border: 1px solid #E1E6E6;
1503
+ padding: 20px;
1504
+ border-radius: 7px;
1505
+ }
1506
+ .mysticky-welcomebar-header-title h3 {
1507
+ margin: 0;
1508
+ font-size: 26px;
1509
+ color: #4F4F4F;
1510
+ line-height: 1.2;
1511
+ display: inline-block;
1512
+ vertical-align: top;
1513
+ }
1514
+ .mysticky-welcomebar-header-title h3 + .mysticky-welcomebar-switch {
1515
+ margin-left: 20px;
1516
+ }
1517
+ .mysticky-welcomebar-subheader-title {
1518
+ padding: 40px 0 30px;
1519
+ }
1520
+ .mysticky-welcomebar-subheader-title h4 {
1521
+ margin: 0;
1522
+ font-weight: 400;
1523
+ font-size: 22px;
1524
+ line-height: 1.2;
1525
+ color: #4F4F4F;
1526
+ }
1527
+ .mysticky-welcomebar-setting-content {
1528
+ display: flex;
1529
+ align-items: center;
1530
+ padding-bottom: 20px;
1531
+ }
1532
+ .mysticky-welcomebar-setting-content.show-on-apper {
1533
+ align-items: flex-start;
1534
+ }
1535
+ .mysticky-welcomebar-setting-content > label {
1536
+ font-size: 18px;
1537
+ line-height: 1.2;
1538
+ color: #4F4F4F;
1539
+ font-weight: 500;
1540
+ width: 210px;
1541
+ padding-right: 10px;
1542
+ }
1543
+ .mysticky-welcomebar-setting-content.show-on-apper > label {
1544
+ margin-top: 10px;
1545
+ }
1546
+ .mysticky-welcomebar-setting-content-right {
1547
+ width: 100%;
1548
+ align-items: center;
1549
+ display: flex;
1550
+ }
1551
+ .mysticky-welcomebar-setting-wrap .myStickymenu-upgrade {
1552
+ display: inline-block;
1553
+ vertical-align: top;
1554
+ float: none;
1555
+ margin-left: 20px;
1556
+ }
1557
+ .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-position .myStickymenu-upgrade {
1558
+ margin-left: 50px;
1559
+ }
1560
+ .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-remove-getbar .myStickymenu-upgrade {
1561
+ margin-left: 130px;
1562
+ }
1563
+ .mysticky-welcomebar-setting-content-right.mysticky-welcomebar-colorpicker .wp-picker-container{
1564
+ display: inline-block;
1565
+ }
1566
+ .mysticky-welcomebar-setting-content-right label {
1567
+ display: inline-block;
1568
+ vertical-align: top;
1569
+ width: 100px;
1570
+ padding-right: 10px;
1571
+ }
1572
+ .mysticky-welcomebar-setting-content-right .wp-picker-input-wrap label {
1573
+ width: auto;
1574
+ }
1575
+ .mysticky-welcomebar-setting-content-right .mysticky-welcomebar-trigger-wrap label {
1576
+ width: auto;
1577
+ }
1578
+ #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input {
1579
+ padding-right: 60px;
1580
+ }
1581
+ .mysticky-welcomebar-setting-content-right select ,
1582
+ .mysticky-welcomebar-setting-content-right input[type="text"] {
1583
+ width: 229px;
1584
+ height: 42px;
1585
+ border-radius: 20px;
1586
+ color: #32373c;
1587
+ display: block;
1588
+ padding: 0 10px;
1589
+ box-shadow: none;
1590
+ border: 1px solid #DCE2E2;
1591
+ margin: 0;
1592
+ font-size: 14px;
1593
+ font-weight: 400;
1594
+ }
1595
+ .mysticky-welcomebar-setting-wrap .wp-picker-container input[type="text"].wp-color-picker {
1596
+ border-radius: 0;
1597
+ height: 32px;
1598
+ }
1599
+ .mysticky-welcomebar-setting-content-right .wp-picker-input-wrap .button {
1600
+ height: 32px;
1601
+ }
1602
+ .mysticky-welcomebar-setting-action {
1603
+ display: inline-block;
1604
+ vertical-align: top;
1605
+ }
1606
+ .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
1607
+ padding-left: 10px;
1608
+ }
1609
+ .mysticky-welcomebar-redirect label {
1610
+ width: auto;
1611
+ padding-right: 0;
1612
+ padding-top: 10px;
1613
+ }
1614
+ .mysticky-welcomebar-expirydate {
1615
+ position: relative;
1616
+ display: inline-block;
1617
+ vertical-align: top;
1618
+ }
1619
+ .mysticky-welcomebar-setting-content-right .mysticky-welcomebar-expirydate input {
1620
+ padding-left: 55px;
1621
+ }
1622
+ .mysticky-welcomebar-expirydate .dashicons {
1623
+ position: absolute;
1624
+ top: 0;
1625
+ left: 0;
1626
+ bottom: 0;
1627
+ color: #a7a7a7;
1628
+ border-right: 1px solid #a7a7a7;
1629
+ width: 46px;
1630
+ height: 100%;
1631
+ line-height: 40px;
1632
+ }
1633
+ a.create-rule {
1634
+ background-color: #7761DF;
1635
+ color: #fff;
1636
+ display: inline-block;
1637
+ margin: 10px 0 0;
1638
+ vertical-align: top;
1639
+ text-decoration: none;
1640
+ padding: 5px 12px;
1641
+ border-radius: 20px;
1642
+ box-shadow: none;
1643
+ outline: none;
1644
+ }
1645
+ .mysticky-welcomebar-upgrade-main {
1646
+ position: relative;
1647
+ vertical-align: top;
1648
+ width: 58%;
1649
+ padding-right: 10px;
1650
+ padding-bottom: 0;
1651
+ }
1652
+ .mysticky-welcomebar-upgrade-main .myStickymenu-upgrade {
1653
+ float: right
1654
+ }
1655
+ .mysticky-welcomebar-page-option {
1656
+ padding-bottom: 20px;
1657
+ }
1658
+ .mysticky-welcomebar-page-option .url-content {
1659
+ /*display: flex;*/
1660
+ overflow:hidden;
1661
+ align-items: center;
1662
+ }
1663
+ .mysticky-welcomebar-page-option .url-content > div {
1664
+ padding: 0 5px;
1665
+ float: left;
1666
+
1667
+ }
1668
+ .mysticky-welcomebar-page-option .url-content .mysticky-welcomebar-url-select,
1669
+ .mysticky-welcomebar-page-option .url-content .mysticky-welcomebar-url-values,
1670
+ .mysticky-welcomebar-page-option .url-content .mysticky-welcomebar-url-option{
1671
+ width: 20%;
1672
+ }
1673
+ .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box {
1674
+ width: 25%;
1675
+ text-align: right;
1676
+ margin-top: 10px;
1677
+ }
1678
+ .mysticky-welcomebar-page-option .url-content select {
1679
+ width: 120px;
1680
+ }
1681
+ .mysticky-welcomebar-page-option .url-content input[type="text"] {
1682
+ height: 38px;
1683
+ padding: 0 15px;
1684
+ border-radius: 0;
1685
+ }
1686
+ .mysticky-welcomebar-remove-rule {
1687
+ color: #fff;
1688
+ background-color: #666;
1689
+ text-decoration: none;
1690
+ display: inline-block;
1691
+ vertical-align: top;
1692
+ width: 38px;
1693
+ height: 38px;
1694
+ text-align: center;
1695
+ border-radius: 4px;
1696
+ font-size: 22px;
1697
+ line-height: 35px;
1698
+ }
1699
+ .mysticky-welcomebar-page-options {
1700
+ display: inline-block;
1701
+ vertical-align: top;
1702
+ }
1703
+ .mysticky-welcomebar-setting-right {
1704
+ position: fixed;
1705
+ top: 150px;
1706
+ right: 70px;
1707
+ width: 500px;
1708
+ }
1709
+ .mysticky-welcomebar-header-title::after {
1710
+ content: "";
1711
+ display: block;
1712
+ clear: both;
1713
+ }
1714
+ .mysticky-welcomebar-preview-window {
1715
+ float: right;
1716
+ }
1717
+ .mysticky-welcomebar-header-title {
1718
+ padding-bottom: 20px;
1719
+ }
1720
+ .mysticky-welcomebar-preview-window ul {
1721
+ margin: 0;
1722
+ padding: 0;
1723
+ }
1724
+ .mysticky-welcomebar-preview-window ul li {
1725
+ color: #7761DF;
1726
+ display: inline-block;
1727
+ vertical-align: top;
1728
+ width: 36px;
1729
+ height: 36px;
1730
+ background-color: #DFDDF7;
1731
+ border-radius: 50%;
1732
+ text-align: center;
1733
+ line-height: 36px;
1734
+ margin-bottom: 0;
1735
+ margin-left: 10px;
1736
+ }
1737
+ .mysticky-welcomebar-preview-window ul li.preview-active {
1738
+ color: #fff;
1739
+ background-color: #7761DF;
1740
+ }
1741
+ .mysticky-welcomebar-preview-window ul li .dashicons {
1742
+ line-height: 36px;
1743
+ }
1744
+ .mysticky-welcomebar-preview-screen {
1745
+ background-color: #ffffff;
1746
+ border: 1px solid #DCE2E2;
1747
+ border-radius: 10px;
1748
+ margin: 0 auto;
1749
+ padding: 0;
1750
+ height: 400px;
1751
+ position: relative;
1752
+ overflow: hidden;
1753
+ max-width: 100%;
1754
+ -webkit-transition: all 0.5s ease 0s;
1755
+ -moz-transition: all 0.5s ease 0s;
1756
+ transition: all 0.5s ease 0s;
1757
+ }
1758
+ .mysticky-welcomebar-preview-screen.mysticky-welcomebar-preview-mobile-screen {
1759
+ max-width: 320px;
1760
+ }
1761
+ .mysticky-welcomebar-submit {
1762
+ float: right;
1763
+ padding-top: 50px;
1764
+ margin-right: -20px;
1765
+ }
1766
+ .mysticky-welcomebar-form-reset .mysticky-welcomebar-submit {
1767
+ margin-right: 0;
1768
+ padding-top: 30px;
1769
+ }
1770
+ .mysticky-welcomebar-submit input.button-secondary {
1771
+ background: #969696;
1772
+ border-color: #969696;
1773
+ color: #ffffff;
1774
+ text-transform: uppercase;
1775
+ border-radius: 31px;
1776
+ font-size: 26px;
1777
+ margin-right: 10px;
1778
+ padding-left: 23px;
1779
+ padding-right: 23px;
1780
+ height: 60px;
1781
+ width: 200px;
1782
+ border: 0;
1783
+ box-shadow: none;
1784
+ font-weight: 600;
1785
+ text-shadow: none;
1786
+ }
1787
+ .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-buttons {
1788
+ padding-right: 0;
1789
+ }
1790
+ .ui-dialog-buttonset .green-btn.ui-button {
1791
+ background-color: #00c67c;
1792
+ border-color: #00c67c;
1793
+ color: #fff;
1794
+ }
1795
+ .mysticky-welcomebar-setting-content-right.mysticky-welcomebar-setting-redirect-wrap {
1796
+ display: block;
1797
+ }
1798
+ .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-redirect-wrap .myStickymenu-upgrade {
1799
+ margin-top: 7px;
1800
+ }
1801
+ @media only screen and (max-width: 1490px) {
1802
+ .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
1803
+ padding-left: 10px;
1804
+ }
1805
+ .mysticky-welcomebar-setting-right {
1806
+ width: 400px;
1807
+ }
1808
+ }
1809
+ @media only screen and (max-width: 1355px) {
1810
+ .mysticky-welcomebar-page-option .url-content select {
1811
+ width: 130px;
1812
+ }
1813
+ .mysticky-welcomebar-page-option .url-content input[type="text"] {
1814
+ width: 180px;
1815
+ }
1816
+ .mysticky-welcomebar-setting-action {
1817
+ display: block;
1818
+ }
1819
+ .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
1820
+ padding-left: 0;
1821
+ padding-top: 10px;
1822
+ }
1823
+ }
1824
+ @media only screen and (max-width: 1200px) {
1825
+ .mysticky-welcomebar-page-option .url-content select {
1826
+ width: 110px;
1827
+ }
1828
+ .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box {
1829
+ width: 230px;
1830
+ }
1831
+ .mysticky-welcomebar-page-option {
1832
+ padding: 10px 3px;
1833
+ }
1834
+ .mysticky-welcomebar-page-option .url-content input[type="text"] {
1835
+ width: 150px;
1836
+ }
1837
+ }
1838
+ @media only screen and (max-width: 1100px) {
1839
+ .mysticky-welcomebar-setting-right {
1840
+ width: 340px;
1841
+ right: 40px;
1842
+ }
1843
+ }
1844
+ @media only screen and (max-width: 1024px) {
1845
+ .mysticky-welcomebar-setting-right {
1846
+ right: 40px;
1847
+ width: 310px;
1848
+ }
1849
+ .mysticky-welcomebar-setting-content > label {
1850
+ font-size: 16px;
1851
+ width: 200px;
1852
+ padding-right: 10px;
1853
+ }
1854
+ .mysticky-welcomebar-preview-screen.mysticky-welcomebar-preview-mobile-screen {
1855
+ max-width: 250px;
1856
+ }
1857
  }
images/ui-icons_444444_256x240.png ADDED
Binary file
images/ui-icons_555555_256x240.png ADDED
Binary file
js/iris-script.js CHANGED
@@ -10,7 +10,7 @@ jQuery(document).ready(function($){
10
  jQuery(thisHref).show();
11
  }
12
  });
13
- jQuery(".sticky-header-upgrade-now").click(function(e){
14
  e.preventDefault();
15
  jQuery(".sticky-header-menu ul li a:last").trigger("click");
16
  });
10
  jQuery(thisHref).show();
11
  }
12
  });
13
+ jQuery(document).on('click', '.sticky-header-upgrade-now', function(e){
14
  e.preventDefault();
15
  jQuery(".sticky-header-menu ul li a:last").trigger("click");
16
  });
js/mystickymenu-admin.js CHANGED
@@ -85,7 +85,159 @@
85
  }
86
 
87
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
88
 
89
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
90
 
91
  })(jQuery);
85
  }
86
 
87
  });
88
+ /*02-08-2019 welcom bar js*/
89
+ $( '.mysticky-welcomebar-action' ).on( 'change', function(){
90
+ var mysticky_welcomebar_action = $( this ).val();
91
+ if ( mysticky_welcomebar_action == 'close_bar' ) {
92
+ $( '.mysticky-welcomebar-redirect' ).hide();
93
+ } else {
94
+ $( '.mysticky-welcomebar-redirect' ).show();
95
+ }
96
+ } );
97
+ //$( '#mysticky_welcomebar_expirydate' ).datepicker( );
98
+ //$( "#mysticky_welcomebar_expirydate" ).datepicker( "option", "dateFormat", 'mm/dd/yy' );
99
+
100
+ var page_option_content = "";
101
+ page_option_content = $( '.mysticky-welcomebar-page-options-html' ).html();
102
+ $( '.mysticky-welcomebar-page-options-html' ).remove();
103
+
104
+ $( '#create-rule' ).on( 'click', function(){
105
+ var append_html = page_option_content.replace(/__count__/g, '1', page_option_content);
106
+ $( '.mysticky-welcomebar-page-options' ).append( append_html );
107
+ $( this ).remove();
108
+ });
109
+ $( '.sticky-header-menu ul li a' ).on( 'click', function(){
110
+ if ( $( "#sticky-header-welcome-bar" ).is( ":visible" ) ) {
111
+ check_for_preview_pos();
112
+ }
113
+ } );
114
+ jQuery(window).scroll(function(){
115
+ if ( $( "#sticky-header-welcome-bar" ).is( ":visible" ) ) {
116
+ check_for_preview_pos();
117
+ }
118
+ });
119
+ /* welcome bar live preview */
120
+ /* Apply Wp Color Picker */
121
+ var myOptions = {
122
+ change: function(event, ui){
123
+ var color_id = $(this).attr('id');
124
+ var slug = $(this).data('slug');
125
+
126
+ var color_code = ui.color.toString();
127
+ if ( color_id === 'mysticky_welcomebar_bgcolor'){
128
+ $('.mysticky-welcomebar-fixed').css('background-color', color_code );
129
+ }
130
+ if ( color_id === 'mysticky_welcomebar_bgtxtcolor'){
131
+ $('.mysticky-welcomebar-fixed .mysticky-welcomebar-content p').css('color', color_code );
132
+ }
133
+ if ( color_id === 'mysticky_welcomebar_btncolor'){
134
+ $('.mysticky-welcomebar-btn a').css('background-color', color_code );
135
+ }
136
+ if ( color_id === 'mysticky_welcomebar_btntxtcolor'){
137
+ $('.mysticky-welcomebar-btn a').css('color', color_code );
138
+ }
139
+ }
140
+ };
141
+ $('.mysticky-welcomebar-setting-wrap .my-color-field').wpColorPicker(myOptions);
142
+
143
+ $( 'input[name="mysticky_option_welcomebar[mysticky_welcomebar_x_desktop]"]' ).on( 'change', function(){
144
+ if( $( this ).prop( "checked" ) == true ) {
145
+ $( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-showx-desktop' );
146
+ } else {
147
+ $( '.mysticky-welcomebar-fixed' ).removeClass( 'mysticky-welcomebar-showx-desktop' );
148
+ }
149
+ } );
150
+ $( 'input[name="mysticky_option_welcomebar[mysticky_welcomebar_x_mobile]"]' ).on( 'change', function(){
151
+ if( $( this ).prop( "checked" ) == true ) {
152
+ $( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-showx-mobile' );
153
+ } else {
154
+ $( '.mysticky-welcomebar-fixed' ).removeClass( 'mysticky-welcomebar-showx-mobile' );
155
+ }
156
+ } );
157
+
158
+ $( 'input[name="mysticky_option_welcomebar[mysticky_welcomebar_btn_desktop]"]' ).on( 'change', function(){
159
+ if( $( this ).prop( "checked" ) == true ) {
160
+ $( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-btn-desktop' );
161
+ } else {
162
+ $( '.mysticky-welcomebar-fixed' ).removeClass( 'mysticky-welcomebar-btn-desktop' );
163
+ }
164
+ } );
165
+ $( 'input[name="mysticky_option_welcomebar[mysticky_welcomebar_btn_mobile]"]' ).on( 'change', function(){
166
+ if( $( this ).prop( "checked" ) == true ) {
167
+ $( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-btn-mobile' );
168
+ } else {
169
+ $( '.mysticky-welcomebar-fixed' ).removeClass( 'mysticky-welcomebar-btn-mobile' );
170
+ }
171
+ } );
172
+
173
+ $( 'select[name="mysticky_option_welcomebar[mysticky_welcomebar_font]"]' ).on( 'change', function(){
174
+ var myfixed_font_val = $( this ).val();
175
+ $( 'head' ).append( '<link href="https://fonts.googleapis.com/css?family='+ myfixed_font_val +':400,600,700" rel="stylesheet" type="text/css" class="sfba-google-font">' );
176
+ $( '.mysticky-welcomebar-fixed' ).css( 'font-family', myfixed_font_val );
177
+ } );
178
+
179
+ $( 'input[name="mysticky_option_welcomebar[mysticky_welcomebar_fontsize]"]' ).on( 'keyup click', function(){
180
+ var mysticky_welcomebar_fontsize_val = $( this ).val();
181
+ $( '.mysticky-welcomebar-fixed p' ).css( 'font-size', mysticky_welcomebar_fontsize_val + 'px' );
182
+ $( '.mysticky-welcomebar-btn a' ).css( 'font-size', mysticky_welcomebar_fontsize_val + 'px' );
183
+ } );
184
+
185
+ $( 'input[name="mysticky_option_welcomebar[mysticky_welcomebar_bar_text]"]' ).on( 'keyup', function(){
186
+ var mysticky_bar_text_val = $( this ).val();
187
+ $( '.mysticky-welcomebar-content p' ).text( mysticky_bar_text_val );
188
+ } );
189
+
190
+ $( 'input[name="mysticky_option_welcomebar[mysticky_welcomebar_btn_text]"]' ).on( 'keyup', function(){
191
+ var mysticky_btn_text_val = $( this ).val();
192
+ $( '.mysticky-welcomebar-btn a' ).text( mysticky_btn_text_val );
193
+ } );
194
+
195
+ $( '.mysticky-welcomebar-submit input#submit' ).on( 'click', function(e){
196
+ if ( $( 'input[name="mysticky_option_welcomebar[mysticky_welcomebar_enable]"]' ).prop( 'checked' ) == false && $( 'input#save_welcome_bar' ).val() == '' ) {
197
+ e.preventDefault();
198
+ $( "#mysticky-welcomebar-save-confirm" ).dialog({
199
+ resizable: false,
200
+ modal: true,
201
+ draggable: false,
202
+ height: 'auto',
203
+ width: 600,
204
+ buttons: {
205
+ "Yes, show it on my site": {
206
+ click:function () {
207
+ $( 'input[name="mysticky_option_welcomebar[mysticky_welcomebar_enable]"]' ).prop( 'checked', true );
208
+ $( '.mysticky-welcomebar-submit input#submit' ).trigger('click');
209
+ $( this ).dialog('close');
210
+ },
211
+ text: 'Yes, show it on my site',
212
+ class: 'green-btn'
213
+ },
214
+ "Just save and keep it off": function () {
215
+ $( 'input#save_welcome_bar' ).val('1');
216
+ $( '.mysticky-welcomebar-submit input#submit' ).trigger('click');
217
+ $( this ).dialog( 'close' );
218
+ }
219
+ }
220
+ });
221
+ }
222
+ //return false;
223
+ } );
224
 
225
  });
226
+ $( window ).load( function(){
227
+ $( '.mysticky-welcomebar-url-options' ).each( function(){
228
+ $( this ).trigger( 'change' );
229
+ });
230
+ });
231
+ function check_for_preview_pos() {
232
+ if($(".show-on-apper").length && $(".mysticky-welcomebar-setting-right").length) {
233
+ var topPos = $(".show-on-apper").offset().top - $(window).scrollTop() - 650;
234
+ if (topPos < 0) {
235
+ topPos = Math.abs(topPos);
236
+ jQuery(".mysticky-welcomebar-setting-right").css("margin-top", ((-1)*topPos)+"px");
237
+ } else {
238
+ jQuery(".mysticky-welcomebar-setting-right").css("margin-top", "0");
239
+ }
240
+ }
241
+ }
242
 
243
  })(jQuery);
mystickymenu-fonts.php ADDED
@@ -0,0 +1,925 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ if ( !function_exists('myStickymenu_fonts')) {
3
+ function myStickymenu_fonts(){
4
+ return array(
5
+ // System fonts.
6
+ 'Arial' => 'Default',
7
+ 'Tahoma' => 'Default',
8
+ 'Verdana' => 'Default',
9
+ 'Helvetica' => 'Default',
10
+ 'Times New Roman' => 'Default',
11
+ 'Trebuchet MS' => 'Default',
12
+ 'Georgia' => 'Default',
13
+
14
+ // Google Fonts (last update: 23/10/2018).
15
+ 'ABeeZee' => 'Google Fonts',
16
+ 'Abel' => 'Google Fonts',
17
+ 'Abhaya Libre' => 'Google Fonts',
18
+ 'Abril Fatface' => 'Google Fonts',
19
+ 'Aclonica' => 'Google Fonts',
20
+ 'Acme' => 'Google Fonts',
21
+ 'Actor' => 'Google Fonts',
22
+ 'Adamina' => 'Google Fonts',
23
+ 'Advent Pro' => 'Google Fonts',
24
+ 'Aguafina Script' => 'Google Fonts',
25
+ 'Akronim' => 'Google Fonts',
26
+ 'Aladin' => 'Google Fonts',
27
+ 'Aldrich' => 'Google Fonts',
28
+ 'Alef' => 'Google Fonts',
29
+ 'Alef Hebrew' => 'Google Fonts', // Hack for Google Early Access.
30
+ 'Alegreya' => 'Google Fonts',
31
+ 'Alegreya SC' => 'Google Fonts',
32
+ 'Alegreya Sans' => 'Google Fonts',
33
+ 'Alegreya Sans SC' => 'Google Fonts',
34
+ 'Alex Brush' => 'Google Fonts',
35
+ 'Alfa Slab One' => 'Google Fonts',
36
+ 'Alice' => 'Google Fonts',
37
+ 'Alike' => 'Google Fonts',
38
+ 'Alike Angular' => 'Google Fonts',
39
+ 'Allan' => 'Google Fonts',
40
+ 'Allerta' => 'Google Fonts',
41
+ 'Allerta Stencil' => 'Google Fonts',
42
+ 'Allura' => 'Google Fonts',
43
+ 'Almendra' => 'Google Fonts',
44
+ 'Almendra Display' => 'Google Fonts',
45
+ 'Almendra SC' => 'Google Fonts',
46
+ 'Amarante' => 'Google Fonts',
47
+ 'Amaranth' => 'Google Fonts',
48
+ 'Amatic SC' => 'Google Fonts',
49
+ 'Amethysta' => 'Google Fonts',
50
+ 'Amiko' => 'Google Fonts',
51
+ 'Amiri' => 'Google Fonts',
52
+ 'Amita' => 'Google Fonts',
53
+ 'Anaheim' => 'Google Fonts',
54
+ 'Andada' => 'Google Fonts',
55
+ 'Andika' => 'Google Fonts',
56
+ 'Angkor' => 'Google Fonts',
57
+ 'Annie Use Your Telescope' => 'Google Fonts',
58
+ 'Anonymous Pro' => 'Google Fonts',
59
+ 'Antic' => 'Google Fonts',
60
+ 'Antic Didone' => 'Google Fonts',
61
+ 'Antic Slab' => 'Google Fonts',
62
+ 'Anton' => 'Google Fonts',
63
+ 'Arapey' => 'Google Fonts',
64
+ 'Arbutus' => 'Google Fonts',
65
+ 'Arbutus Slab' => 'Google Fonts',
66
+ 'Architects Daughter' => 'Google Fonts',
67
+ 'Archivo' => 'Google Fonts',
68
+ 'Archivo Black' => 'Google Fonts',
69
+ 'Archivo Narrow' => 'Google Fonts',
70
+ 'Aref Ruqaa' => 'Google Fonts',
71
+ 'Arima Madurai' => 'Google Fonts',
72
+ 'Arimo' => 'Google Fonts',
73
+ 'Arizonia' => 'Google Fonts',
74
+ 'Armata' => 'Google Fonts',
75
+ 'Arsenal' => 'Google Fonts',
76
+ 'Artifika' => 'Google Fonts',
77
+ 'Arvo' => 'Google Fonts',
78
+ 'Arya' => 'Google Fonts',
79
+ 'Asap' => 'Google Fonts',
80
+ 'Asap Condensed' => 'Google Fonts',
81
+ 'Asar' => 'Google Fonts',
82
+ 'Asset' => 'Google Fonts',
83
+ 'Assistant' => 'Google Fonts',
84
+ 'Astloch' => 'Google Fonts',
85
+ 'Asul' => 'Google Fonts',
86
+ 'Athiti' => 'Google Fonts',
87
+ 'Atma' => 'Google Fonts',
88
+ 'Atomic Age' => 'Google Fonts',
89
+ 'Aubrey' => 'Google Fonts',
90
+ 'Audiowide' => 'Google Fonts',
91
+ 'Autour One' => 'Google Fonts',
92
+ 'Average' => 'Google Fonts',
93
+ 'Average Sans' => 'Google Fonts',
94
+ 'Averia Gruesa Libre' => 'Google Fonts',
95
+ 'Averia Libre' => 'Google Fonts',
96
+ 'Averia Sans Libre' => 'Google Fonts',
97
+ 'Averia Serif Libre' => 'Google Fonts',
98
+ 'Bad Script' => 'Google Fonts',
99
+ 'Bahiana' => 'Google Fonts',
100
+ 'Bai Jamjuree' => 'Google Fonts',
101
+ 'Baloo' => 'Google Fonts',
102
+ 'Baloo Bhai' => 'Google Fonts',
103
+ 'Baloo Bhaijaan' => 'Google Fonts',
104
+ 'Baloo Bhaina' => 'Google Fonts',
105
+ 'Baloo Chettan' => 'Google Fonts',
106
+ 'Baloo Da' => 'Google Fonts',
107
+ 'Baloo Paaji' => 'Google Fonts',
108
+ 'Baloo Tamma' => 'Google Fonts',
109
+ 'Baloo Tammudu' => 'Google Fonts',
110
+ 'Baloo Thambi' => 'Google Fonts',
111
+ 'Balthazar' => 'Google Fonts',
112
+ 'Bangers' => 'Google Fonts',
113
+ 'Barlow' => 'Google Fonts',
114
+ 'Barlow Condensed' => 'Google Fonts',
115
+ 'Barlow Semi Condensed' => 'Google Fonts',
116
+ 'Barrio' => 'Google Fonts',
117
+ 'Basic' => 'Google Fonts',
118
+ 'Battambang' => 'Google Fonts',
119
+ 'Baumans' => 'Google Fonts',
120
+ 'Bayon' => 'Google Fonts',
121
+ 'Belgrano' => 'Google Fonts',
122
+ 'Bellefair' => 'Google Fonts',
123
+ 'Belleza' => 'Google Fonts',
124
+ 'BenchNine' => 'Google Fonts',
125
+ 'Bentham' => 'Google Fonts',
126
+ 'Berkshire Swash' => 'Google Fonts',
127
+ 'Bevan' => 'Google Fonts',
128
+ 'Bigelow Rules' => 'Google Fonts',
129
+ 'Bigshot One' => 'Google Fonts',
130
+ 'Bilbo' => 'Google Fonts',
131
+ 'Bilbo Swash Caps' => 'Google Fonts',
132
+ 'BioRhyme' => 'Google Fonts',
133
+ 'BioRhyme Expanded' => 'Google Fonts',
134
+ 'Biryani' => 'Google Fonts',
135
+ 'Bitter' => 'Google Fonts',
136
+ 'Black And White Picture' => 'Google Fonts',
137
+ 'Black Han Sans' => 'Google Fonts',
138
+ 'Black Ops One' => 'Google Fonts',
139
+ 'Bokor' => 'Google Fonts',
140
+ 'Bonbon' => 'Google Fonts',
141
+ 'Boogaloo' => 'Google Fonts',
142
+ 'Bowlby One' => 'Google Fonts',
143
+ 'Bowlby One SC' => 'Google Fonts',
144
+ 'Brawler' => 'Google Fonts',
145
+ 'Bree Serif' => 'Google Fonts',
146
+ 'Bubblegum Sans' => 'Google Fonts',
147
+ 'Bubbler One' => 'Google Fonts',
148
+ 'Buda' => 'Google Fonts',
149
+ 'Buenard' => 'Google Fonts',
150
+ 'Bungee' => 'Google Fonts',
151
+ 'Bungee Hairline' => 'Google Fonts',
152
+ 'Bungee Inline' => 'Google Fonts',
153
+ 'Bungee Outline' => 'Google Fonts',
154
+ 'Bungee Shade' => 'Google Fonts',
155
+ 'Butcherman' => 'Google Fonts',
156
+ 'Butterfly Kids' => 'Google Fonts',
157
+ 'Cabin' => 'Google Fonts',
158
+ 'Cabin Condensed' => 'Google Fonts',
159
+ 'Cabin Sketch' => 'Google Fonts',
160
+ 'Caesar Dressing' => 'Google Fonts',
161
+ 'Cagliostro' => 'Google Fonts',
162
+ 'Cairo' => 'Google Fonts',
163
+ 'Calligraffitti' => 'Google Fonts',
164
+ 'Cambay' => 'Google Fonts',
165
+ 'Cambo' => 'Google Fonts',
166
+ 'Candal' => 'Google Fonts',
167
+ 'Cantarell' => 'Google Fonts',
168
+ 'Cantata One' => 'Google Fonts',
169
+ 'Cantora One' => 'Google Fonts',
170
+ 'Capriola' => 'Google Fonts',
171
+ 'Cardo' => 'Google Fonts',
172
+ 'Carme' => 'Google Fonts',
173
+ 'Carrois Gothic' => 'Google Fonts',
174
+ 'Carrois Gothic SC' => 'Google Fonts',
175
+ 'Carter One' => 'Google Fonts',
176
+ 'Catamaran' => 'Google Fonts',
177
+ 'Caudex' => 'Google Fonts',
178
+ 'Caveat' => 'Google Fonts',
179
+ 'Caveat Brush' => 'Google Fonts',
180
+ 'Cedarville Cursive' => 'Google Fonts',
181
+ 'Ceviche One' => 'Google Fonts',
182
+ 'Chakra Petch' => 'Google Fonts',
183
+ 'Changa' => 'Google Fonts',
184
+ 'Changa One' => 'Google Fonts',
185
+ 'Chango' => 'Google Fonts',
186
+ 'Charmonman' => 'Google Fonts',
187
+ 'Chathura' => 'Google Fonts',
188
+ 'Chau Philomene One' => 'Google Fonts',
189
+ 'Chela One' => 'Google Fonts',
190
+ 'Chelsea Market' => 'Google Fonts',
191
+ 'Chenla' => 'Google Fonts',
192
+ 'Cherry Cream Soda' => 'Google Fonts',
193
+ 'Cherry Swash' => 'Google Fonts',
194
+ 'Chewy' => 'Google Fonts',
195
+ 'Chicle' => 'Google Fonts',
196
+ 'Chivo' => 'Google Fonts',
197
+ 'Chonburi' => 'Google Fonts',
198
+ 'Cinzel' => 'Google Fonts',
199
+ 'Cinzel Decorative' => 'Google Fonts',
200
+ 'Clicker Script' => 'Google Fonts',
201
+ 'Coda' => 'Google Fonts',
202
+ 'Coda Caption' => 'Google Fonts',
203
+ 'Codystar' => 'Google Fonts',
204
+ 'Coiny' => 'Google Fonts',
205
+ 'Combo' => 'Google Fonts',
206
+ 'Comfortaa' => 'Google Fonts',
207
+ 'Coming Soon' => 'Google Fonts',
208
+ 'Concert One' => 'Google Fonts',
209
+ 'Condiment' => 'Google Fonts',
210
+ 'Content' => 'Google Fonts',
211
+ 'Contrail One' => 'Google Fonts',
212
+ 'Convergence' => 'Google Fonts',
213
+ 'Cookie' => 'Google Fonts',
214
+ 'Copse' => 'Google Fonts',
215
+ 'Corben' => 'Google Fonts',
216
+ 'Cormorant' => 'Google Fonts',
217
+ 'Cormorant Garamond' => 'Google Fonts',
218
+ 'Cormorant Infant' => 'Google Fonts',
219
+ 'Cormorant SC' => 'Google Fonts',
220
+ 'Cormorant Unicase' => 'Google Fonts',
221
+ 'Cormorant Upright' => 'Google Fonts',
222
+ 'Courgette' => 'Google Fonts',
223
+ 'Cousine' => 'Google Fonts',
224
+ 'Coustard' => 'Google Fonts',
225
+ 'Covered By Your Grace' => 'Google Fonts',
226
+ 'Crafty Girls' => 'Google Fonts',
227
+ 'Creepster' => 'Google Fonts',
228
+ 'Crete Round' => 'Google Fonts',
229
+ 'Crimson Text' => 'Google Fonts',
230
+ 'Croissant One' => 'Google Fonts',
231
+ 'Crushed' => 'Google Fonts',
232
+ 'Cuprum' => 'Google Fonts',
233
+ 'Cute Font' => 'Google Fonts',
234
+ 'Cutive' => 'Google Fonts',
235
+ 'Cutive Mono' => 'Google Fonts',
236
+ 'Damion' => 'Google Fonts',
237
+ 'Dancing Script' => 'Google Fonts',
238
+ 'Dangrek' => 'Google Fonts',
239
+ 'David Libre' => 'Google Fonts',
240
+ 'Dawning of a New Day' => 'Google Fonts',
241
+ 'Days One' => 'Google Fonts',
242
+ 'Dekko' => 'Google Fonts',
243
+ 'Delius' => 'Google Fonts',
244
+ 'Delius Swash Caps' => 'Google Fonts',
245
+ 'Delius Unicase' => 'Google Fonts',
246
+ 'Della Respira' => 'Google Fonts',
247
+ 'Denk One' => 'Google Fonts',
248
+ 'Devonshire' => 'Google Fonts',
249
+ 'Dhurjati' => 'Google Fonts',
250
+ 'Didact Gothic' => 'Google Fonts',
251
+ 'Diplomata' => 'Google Fonts',
252
+ 'Diplomata SC' => 'Google Fonts',
253
+ 'Do Hyeon' => 'Google Fonts',
254
+ 'Dokdo' => 'Google Fonts',
255
+ 'Domine' => 'Google Fonts',
256
+ 'Donegal One' => 'Google Fonts',
257
+ 'Doppio One' => 'Google Fonts',
258
+ 'Dorsa' => 'Google Fonts',
259
+ 'Dosis' => 'Google Fonts',
260
+ 'Dr Sugiyama' => 'Google Fonts',
261
+ 'Droid Arabic Kufi' => 'Google Fonts', // Hack for Google Early Access.
262
+ 'Droid Arabic Naskh' => 'Google Fonts', // Hack for Google Early Access.
263
+ 'Duru Sans' => 'Google Fonts',
264
+ 'Dynalight' => 'Google Fonts',
265
+ 'EB Garamond' => 'Google Fonts',
266
+ 'Eagle Lake' => 'Google Fonts',
267
+ 'East Sea Dokdo' => 'Google Fonts',
268
+ 'Eater' => 'Google Fonts',
269
+ 'Economica' => 'Google Fonts',
270
+ 'Eczar' => 'Google Fonts',
271
+ 'El Messiri' => 'Google Fonts',
272
+ 'Electrolize' => 'Google Fonts',
273
+ 'Elsie' => 'Google Fonts',
274
+ 'Elsie Swash Caps' => 'Google Fonts',
275
+ 'Emblema One' => 'Google Fonts',
276
+ 'Emilys Candy' => 'Google Fonts',
277
+ 'Encode Sans' => 'Google Fonts',
278
+ 'Encode Sans Condensed' => 'Google Fonts',
279
+ 'Encode Sans Expanded' => 'Google Fonts',
280
+ 'Encode Sans Semi Condensed' => 'Google Fonts',
281
+ 'Encode Sans Semi Expanded' => 'Google Fonts',
282
+ 'Engagement' => 'Google Fonts',
283
+ 'Englebert' => 'Google Fonts',
284
+ 'Enriqueta' => 'Google Fonts',
285
+ 'Erica One' => 'Google Fonts',
286
+ 'Esteban' => 'Google Fonts',
287
+ 'Euphoria Script' => 'Google Fonts',
288
+ 'Ewert' => 'Google Fonts',
289
+ 'Exo' => 'Google Fonts',
290
+ 'Exo 2' => 'Google Fonts',
291
+ 'Expletus Sans' => 'Google Fonts',
292
+ 'Fahkwang' => 'Google Fonts',
293
+ 'Fanwood Text' => 'Google Fonts',
294
+ 'Farsan' => 'Google Fonts',
295
+ 'Fascinate' => 'Google Fonts',
296
+ 'Fascinate Inline' => 'Google Fonts',
297
+ 'Faster One' => 'Google Fonts',
298
+ 'Fasthand' => 'Google Fonts',
299
+ 'Fauna One' => 'Google Fonts',
300
+ 'Faustina' => 'Google Fonts',
301
+ 'Federant' => 'Google Fonts',
302
+ 'Federo' => 'Google Fonts',
303
+ 'Felipa' => 'Google Fonts',
304
+ 'Fenix' => 'Google Fonts',
305
+ 'Finger Paint' => 'Google Fonts',
306
+ 'Fira Mono' => 'Google Fonts',
307
+ 'Fira Sans' => 'Google Fonts',
308
+ 'Fira Sans Condensed' => 'Google Fonts',
309
+ 'Fira Sans Extra Condensed' => 'Google Fonts',
310
+ 'Fjalla One' => 'Google Fonts',
311
+ 'Fjord One' => 'Google Fonts',
312
+ 'Flamenco' => 'Google Fonts',
313
+ 'Flavors' => 'Google Fonts',
314
+ 'Fondamento' => 'Google Fonts',
315
+ 'Fontdiner Swanky' => 'Google Fonts',
316
+ 'Forum' => 'Google Fonts',
317
+ 'Francois One' => 'Google Fonts',
318
+ 'Frank Ruhl Libre' => 'Google Fonts',
319
+ 'Freckle Face' => 'Google Fonts',
320
+ 'Fredericka the Great' => 'Google Fonts',
321
+ 'Fredoka One' => 'Google Fonts',
322
+ 'Freehand' => 'Google Fonts',
323
+ 'Fresca' => 'Google Fonts',
324
+ 'Frijole' => 'Google Fonts',
325
+ 'Fruktur' => 'Google Fonts',
326
+ 'Fugaz One' => 'Google Fonts',
327
+ 'GFS Didot' => 'Google Fonts',
328
+ 'GFS Neohellenic' => 'Google Fonts',
329
+ 'Gabriela' => 'Google Fonts',
330
+ 'Gaegu' => 'Google Fonts',
331
+ 'Gafata' => 'Google Fonts',
332
+ 'Galada' => 'Google Fonts',
333
+ 'Galdeano' => 'Google Fonts',
334
+ 'Galindo' => 'Google Fonts',
335
+ 'Gamja Flower' => 'Google Fonts',
336
+ 'Gentium Basic' => 'Google Fonts',
337
+ 'Gentium Book Basic' => 'Google Fonts',
338
+ 'Geo' => 'Google Fonts',
339
+ 'Geostar' => 'Google Fonts',
340
+ 'Geostar Fill' => 'Google Fonts',
341
+ 'Germania One' => 'Google Fonts',
342
+ 'Gidugu' => 'Google Fonts',
343
+ 'Gilda Display' => 'Google Fonts',
344
+ 'Give You Glory' => 'Google Fonts',
345
+ 'Glass Antiqua' => 'Google Fonts',
346
+ 'Glegoo' => 'Google Fonts',
347
+ 'Gloria Hallelujah' => 'Google Fonts',
348
+ 'Goblin One' => 'Google Fonts',
349
+ 'Gochi Hand' => 'Google Fonts',
350
+ 'Gorditas' => 'Google Fonts',
351
+ 'Gothic A1' => 'Google Fonts',
352
+ 'Goudy Bookletter 1911' => 'Google Fonts',
353
+ 'Graduate' => 'Google Fonts',
354
+ 'Grand Hotel' => 'Google Fonts',
355
+ 'Gravitas One' => 'Google Fonts',
356
+ 'Great Vibes' => 'Google Fonts',
357
+ 'Griffy' => 'Google Fonts',
358
+ 'Gruppo' => 'Google Fonts',
359
+ 'Gudea' => 'Google Fonts',
360
+ 'Gugi' => 'Google Fonts',
361
+ 'Gurajada' => 'Google Fonts',
362
+ 'Habibi' => 'Google Fonts',
363
+ 'Halant' => 'Google Fonts',
364
+ 'Hammersmith One' => 'Google Fonts',
365
+ 'Hanalei' => 'Google Fonts',
366
+ 'Hanalei Fill' => 'Google Fonts',
367
+ 'Handlee' => 'Google Fonts',
368
+ 'Hanuman' => 'Google Fonts',
369
+ 'Happy Monkey' => 'Google Fonts',
370
+ 'Harmattan' => 'Google Fonts',
371
+ 'Headland One' => 'Google Fonts',
372
+ 'Heebo' => 'Google Fonts',
373
+ 'Henny Penny' => 'Google Fonts',
374
+ 'Herr Von Muellerhoff' => 'Google Fonts',
375
+ 'Hi Melody' => 'Google Fonts',
376
+ 'Hind' => 'Google Fonts',
377
+ 'Hind Guntur' => 'Google Fonts',
378
+ 'Hind Madurai' => 'Google Fonts',
379
+ 'Hind Siliguri' => 'Google Fonts',
380
+ 'Hind Vadodara' => 'Google Fonts',
381
+ 'Holtwood One SC' => 'Google Fonts',
382
+ 'Homemade Apple' => 'Google Fonts',
383
+ 'Homenaje' => 'Google Fonts',
384
+ 'IBM Plex Mono' => 'Google Fonts',
385
+ 'IBM Plex Sans' => 'Google Fonts',
386
+ 'IBM Plex Sans Condensed' => 'Google Fonts',
387
+ 'IBM Plex Serif' => 'Google Fonts',
388
+ 'IM Fell DW Pica' => 'Google Fonts',
389
+ 'IM Fell DW Pica SC' => 'Google Fonts',
390
+ 'IM Fell Double Pica' => 'Google Fonts',
391
+ 'IM Fell Double Pica SC' => 'Google Fonts',
392
+ 'IM Fell English' => 'Google Fonts',
393
+ 'IM Fell English SC' => 'Google Fonts',
394
+ 'IM Fell French Canon' => 'Google Fonts',
395
+ 'IM Fell French Canon SC' => 'Google Fonts',
396
+ 'IM Fell Great Primer' => 'Google Fonts',
397
+ 'IM Fell Great Primer SC' => 'Google Fonts',
398
+ 'Iceberg' => 'Google Fonts',
399
+ 'Iceland' => 'Google Fonts',
400
+ 'Imprima' => 'Google Fonts',
401
+ 'Inconsolata' => 'Google Fonts',
402
+ 'Inder' => 'Google Fonts',
403
+ 'Indie Flower' => 'Google Fonts',
404
+ 'Inika' => 'Google Fonts',
405
+ 'Inknut Antiqua' => 'Google Fonts',
406
+ 'Irish Grover' => 'Google Fonts',
407
+ 'Istok Web' => 'Google Fonts',
408
+ 'Italiana' => 'Google Fonts',
409
+ 'Italianno' => 'Google Fonts',
410
+ 'Itim' => 'Google Fonts',
411
+ 'Jacques Francois' => 'Google Fonts',
412
+ 'Jacques Francois Shadow' => 'Google Fonts',
413
+ 'Jaldi' => 'Google Fonts',
414
+ 'Jim Nightshade' => 'Google Fonts',
415
+ 'Jockey One' => 'Google Fonts',
416
+ 'Jolly Lodger' => 'Google Fonts',
417
+ 'Jomhuria' => 'Google Fonts',
418
+ 'Josefin Sans' => 'Google Fonts',
419
+ 'Josefin Slab' => 'Google Fonts',
420
+ 'Joti One' => 'Google Fonts',
421
+ 'Jua' => 'Google Fonts',
422
+ 'Judson' => 'Google Fonts',
423
+ 'Julee' => 'Google Fonts',
424
+ 'Julius Sans One' => 'Google Fonts',
425
+ 'Junge' => 'Google Fonts',
426
+ 'Jura' => 'Google Fonts',
427
+ 'Just Another Hand' => 'Google Fonts',
428
+ 'Just Me Again Down Here' => 'Google Fonts',
429
+ 'K2D' => 'Google Fonts',
430
+ 'Kadwa' => 'Google Fonts',
431
+ 'Kalam' => 'Google Fonts',
432
+ 'Kameron' => 'Google Fonts',
433
+ 'Kanit' => 'Google Fonts',
434
+ 'Kantumruy' => 'Google Fonts',
435
+ 'Karla' => 'Google Fonts',
436
+ 'Karma' => 'Google Fonts',
437
+ 'Katibeh' => 'Google Fonts',
438
+ 'Kaushan Script' => 'Google Fonts',
439
+ 'Kavivanar' => 'Google Fonts',
440
+ 'Kavoon' => 'Google Fonts',
441
+ 'Kdam Thmor' => 'Google Fonts',
442
+ 'Keania One' => 'Google Fonts',
443
+ 'Kelly Slab' => 'Google Fonts',
444
+ 'Kenia' => 'Google Fonts',
445
+ 'Khand' => 'Google Fonts',
446
+ 'Khmer' => 'Google Fonts',
447
+ 'Khula' => 'Google Fonts',
448
+ 'Kirang Haerang' => 'Google Fonts',
449
+ 'Kite One' => 'Google Fonts',
450
+ 'Knewave' => 'Google Fonts',
451
+ 'KoHo' => 'Google Fonts',
452
+ 'Kodchasan' => 'Google Fonts',
453
+ 'Kosugi' => 'Google Fonts',
454
+ 'Kosugi Maru' => 'Google Fonts',
455
+ 'Kotta One' => 'Google Fonts',
456
+ 'Koulen' => 'Google Fonts',
457
+ 'Kranky' => 'Google Fonts',
458
+ 'Kreon' => 'Google Fonts',
459
+ 'Kristi' => 'Google Fonts',
460
+ 'Krona One' => 'Google Fonts',
461
+ 'Krub' => 'Google Fonts',
462
+ 'Kumar One' => 'Google Fonts',
463
+ 'Kumar One Outline' => 'Google Fonts',
464
+ 'Kurale' => 'Google Fonts',
465
+ 'La Belle Aurore' => 'Google Fonts',
466
+ 'Laila' => 'Google Fonts',
467
+ 'Lakki Reddy' => 'Google Fonts',
468
+ 'Lalezar' => 'Google Fonts',
469
+ 'Lancelot' => 'Google Fonts',
470
+ 'Lateef' => 'Google Fonts',
471
+ 'Lato' => 'Google Fonts',
472
+ 'League Script' => 'Google Fonts',
473
+ 'Leckerli One' => 'Google Fonts',
474
+ 'Ledger' => 'Google Fonts',
475
+ 'Lekton' => 'Google Fonts',
476
+ 'Lemon' => 'Google Fonts',
477
+ 'Lemonada' => 'Google Fonts',
478
+ 'Libre Barcode 128' => 'Google Fonts',
479
+ 'Libre Barcode 128 Text' => 'Google Fonts',
480
+ 'Libre Barcode 39' => 'Google Fonts',
481
+ 'Libre Barcode 39 Extended' => 'Google Fonts',
482
+ 'Libre Barcode 39 Extended Text' => 'Google Fonts',
483
+ 'Libre Barcode 39 Text' => 'Google Fonts',
484
+ 'Libre Baskerville' => 'Google Fonts',
485
+ 'Libre Franklin' => 'Google Fonts',
486
+ 'Life Savers' => 'Google Fonts',
487
+ 'Lilita One' => 'Google Fonts',
488
+ 'Lily Script One' => 'Google Fonts',
489
+ 'Limelight' => 'Google Fonts',
490
+ 'Linden Hill' => 'Google Fonts',
491
+ 'Lobster' => 'Google Fonts',
492
+ 'Lobster Two' => 'Google Fonts',
493
+ 'Londrina Outline' => 'Google Fonts',
494
+ 'Londrina Shadow' => 'Google Fonts',
495
+ 'Londrina Sketch' => 'Google Fonts',
496
+ 'Londrina Solid' => 'Google Fonts',
497
+ 'Lora' => 'Google Fonts',
498
+ 'Love Ya Like A Sister' => 'Google Fonts',
499
+ 'Loved by the King' => 'Google Fonts',
500
+ 'Lovers Quarrel' => 'Google Fonts',
501
+ 'Luckiest Guy' => 'Google Fonts',
502
+ 'Lusitana' => 'Google Fonts',
503
+ 'Lustria' => 'Google Fonts',
504
+ 'M PLUS 1p' => 'Google Fonts',
505
+ 'M PLUS Rounded 1c' => 'Google Fonts',
506
+ 'Macondo' => 'Google Fonts',
507
+ 'Macondo Swash Caps' => 'Google Fonts',
508
+ 'Mada' => 'Google Fonts',
509
+ 'Magra' => 'Google Fonts',
510
+ 'Maiden Orange' => 'Google Fonts',
511
+ 'Maitree' => 'Google Fonts',
512
+ 'Mako' => 'Google Fonts',
513
+ 'Mali' => 'Google Fonts',
514
+ 'Mallanna' => 'Google Fonts',
515
+ 'Mandali' => 'Google Fonts',
516
+ 'Manuale' => 'Google Fonts',
517
+ 'Marcellus' => 'Google Fonts',
518
+ 'Marcellus SC' => 'Google Fonts',
519
+ 'Marck Script' => 'Google Fonts',
520
+ 'Margarine' => 'Google Fonts',
521
+ 'Markazi Text' => 'Google Fonts',
522
+ 'Marko One' => 'Google Fonts',
523
+ 'Marmelad' => 'Google Fonts',
524
+ 'Martel' => 'Google Fonts',
525
+ 'Martel Sans' => 'Google Fonts',
526
+ 'Marvel' => 'Google Fonts',
527
+ 'Mate' => 'Google Fonts',
528
+ 'Mate SC' => 'Google Fonts',
529
+ 'Maven Pro' => 'Google Fonts',
530
+ 'McLaren' => 'Google Fonts',
531
+ 'Meddon' => 'Google Fonts',
532
+ 'MedievalSharp' => 'Google Fonts',
533
+ 'Medula One' => 'Google Fonts',
534
+ 'Meera Inimai' => 'Google Fonts',
535
+ 'Megrim' => 'Google Fonts',
536
+ 'Meie Script' => 'Google Fonts',
537
+ 'Merienda' => 'Google Fonts',
538
+ 'Merienda One' => 'Google Fonts',
539
+ 'Merriweather' => 'Google Fonts',
540
+ 'Merriweather Sans' => 'Google Fonts',
541
+ 'Metal' => 'Google Fonts',
542
+ 'Metal Mania' => 'Google Fonts',
543
+ 'Metamorphous' => 'Google Fonts',
544
+ 'Metrophobic' => 'Google Fonts',
545
+ 'Michroma' => 'Google Fonts',
546
+ 'Milonga' => 'Google Fonts',
547
+ 'Miltonian' => 'Google Fonts',
548
+ 'Miltonian Tattoo' => 'Google Fonts',
549
+ 'Mina' => 'Google Fonts',
550
+ 'Miniver' => 'Google Fonts',
551
+ 'Miriam Libre' => 'Google Fonts',
552
+ 'Mirza' => 'Google Fonts',
553
+ 'Miss Fajardose' => 'Google Fonts',
554
+ 'Mitr' => 'Google Fonts',
555
+ 'Modak' => 'Google Fonts',
556
+ 'Modern Antiqua' => 'Google Fonts',
557
+ 'Mogra' => 'Google Fonts',
558
+ 'Molengo' => 'Google Fonts',
559
+ 'Molle' => 'Google Fonts',
560
+ 'Monda' => 'Google Fonts',
561
+ 'Monofett' => 'Google Fonts',
562
+ 'Monoton' => 'Google Fonts',
563
+ 'Monsieur La Doulaise' => 'Google Fonts',
564
+ 'Montaga' => 'Google Fonts',
565
+ 'Montez' => 'Google Fonts',
566
+ 'Montserrat' => 'Google Fonts',
567
+ 'Montserrat Alternates' => 'Google Fonts',
568
+ 'Montserrat Subrayada' => 'Google Fonts',
569
+ 'Moul' => 'Google Fonts',
570
+ 'Moulpali' => 'Google Fonts',
571
+ 'Mountains of Christmas' => 'Google Fonts',
572
+ 'Mouse Memoirs' => 'Google Fonts',
573
+ 'Mr Bedfort' => 'Google Fonts',
574
+ 'Mr Dafoe' => 'Google Fonts',
575
+ 'Mr De Haviland' => 'Google Fonts',
576
+ 'Mrs Saint Delafield' => 'Google Fonts',
577
+ 'Mrs Sheppards' => 'Google Fonts',
578
+ 'Mukta' => 'Google Fonts',
579
+ 'Mukta Mahee' => 'Google Fonts',
580
+ 'Mukta Malar' => 'Google Fonts',
581
+ 'Mukta Vaani' => 'Google Fonts',
582
+ 'Muli' => 'Google Fonts',
583
+ 'Mystery Quest' => 'Google Fonts',
584
+ 'NTR' => 'Google Fonts',
585
+ 'Nanum Brush Script' => 'Google Fonts',
586
+ 'Nanum Gothic' => 'Google Fonts',
587
+ 'Nanum Gothic Coding' => 'Google Fonts',
588
+ 'Nanum Myeongjo' => 'Google Fonts',
589
+ 'Nanum Pen Script' => 'Google Fonts',
590
+ 'Neucha' => 'Google Fonts',
591
+ 'Neuton' => 'Google Fonts',
592
+ 'New Rocker' => 'Google Fonts',
593
+ 'News Cycle' => 'Google Fonts',
594
+ 'Niconne' => 'Google Fonts',
595
+ 'Niramit' => 'Google Fonts',
596
+ 'Nixie One' => 'Google Fonts',
597
+ 'Nobile' => 'Google Fonts',
598
+ 'Nokora' => 'Google Fonts',
599
+ 'Norican' => 'Google Fonts',
600
+ 'Nosifer' => 'Google Fonts',
601
+ 'Notable' => 'Google Fonts',
602
+ 'Nothing You Could Do' => 'Google Fonts',
603
+ 'Noticia Text' => 'Google Fonts',
604
+ 'Noto Kufi Arabic' => 'Google Fonts', // Hack for Google Early Access.
605
+ 'Noto Naskh Arabic' => 'Google Fonts', // Hack for Google Early Access.
606
+ 'Noto Sans' => 'Google Fonts',
607
+ 'Noto Sans Hebrew' => 'Google Fonts', // Hack for Google Early Access.
608
+ 'Noto Sans JP' => 'Google Fonts',
609
+ 'Noto Sans KR' => 'Google Fonts',
610
+ 'Noto Serif' => 'Google Fonts',
611
+ 'Noto Serif JP' => 'Google Fonts',
612
+ 'Noto Serif KR' => 'Google Fonts',
613
+ 'Nova Cut' => 'Google Fonts',
614
+ 'Nova Flat' => 'Google Fonts',
615
+ 'Nova Mono' => 'Google Fonts',
616
+ 'Nova Oval' => 'Google Fonts',
617
+ 'Nova Round' => 'Google Fonts',
618
+ 'Nova Script' => 'Google Fonts',
619
+ 'Nova Slim' => 'Google Fonts',
620
+ 'Nova Square' => 'Google Fonts',
621
+ 'Numans' => 'Google Fonts',
622
+ 'Nunito' => 'Google Fonts',
623
+ 'Nunito Sans' => 'Google Fonts',
624
+ 'Odor Mean Chey' => 'Google Fonts',
625
+ 'Offside' => 'Google Fonts',
626
+ 'Old Standard TT' => 'Google Fonts',
627
+ 'Oldenburg' => 'Google Fonts',
628
+ 'Oleo Script' => 'Google Fonts',
629
+ 'Oleo Script Swash Caps' => 'Google Fonts',
630
+ 'Open Sans' => 'Google Fonts',
631
+ 'Open Sans Condensed' => 'Google Fonts',
632
+ 'Open Sans Hebrew' => 'Google Fonts', // Hack for Google Early Access.
633
+ 'Open Sans Hebrew Condensed' => 'Google Fonts', // Hack for Google Early Access.
634
+ 'Oranienbaum' => 'Google Fonts',
635
+ 'Orbitron' => 'Google Fonts',
636
+ 'Oregano' => 'Google Fonts',
637
+ 'Orienta' => 'Google Fonts',
638
+ 'Original Surfer' => 'Google Fonts',
639
+ 'Oswald' => 'Google Fonts',
640
+ 'Over the Rainbow' => 'Google Fonts',
641
+ 'Overlock' => 'Google Fonts',
642
+ 'Overlock SC' => 'Google Fonts',
643
+ 'Overpass' => 'Google Fonts',
644
+ 'Overpass Mono' => 'Google Fonts',
645
+ 'Ovo' => 'Google Fonts',
646
+ 'Oxygen' => 'Google Fonts',
647
+ 'Oxygen Mono' => 'Google Fonts',
648
+ 'PT Mono' => 'Google Fonts',
649
+ 'PT Sans' => 'Google Fonts',
650
+ 'PT Sans Caption' => 'Google Fonts',
651
+ 'PT Sans Narrow' => 'Google Fonts',
652
+ 'PT Serif' => 'Google Fonts',
653
+ 'PT Serif Caption' => 'Google Fonts',
654
+ 'Pacifico' => 'Google Fonts',
655
+ 'Padauk' => 'Google Fonts',
656
+ 'Palanquin' => 'Google Fonts',
657
+ 'Palanquin Dark' => 'Google Fonts',
658
+ 'Pangolin' => 'Google Fonts',
659
+ 'Paprika' => 'Google Fonts',
660
+ 'Parisienne' => 'Google Fonts',
661
+ 'Passero One' => 'Google Fonts',
662
+ 'Passion One' => 'Google Fonts',
663
+ 'Pathway Gothic One' => 'Google Fonts',
664
+ 'Patrick Hand' => 'Google Fonts',
665
+ 'Patrick Hand SC' => 'Google Fonts',
666
+ 'Pattaya' => 'Google Fonts',
667
+ 'Patua One' => 'Google Fonts',
668
+ 'Pavanam' => 'Google Fonts',
669
+ 'Paytone One' => 'Google Fonts',
670
+ 'Peddana' => 'Google Fonts',
671
+ 'Peralta' => 'Google Fonts',
672
+ 'Permanent Marker' => 'Google Fonts',
673
+ 'Petit Formal Script' => 'Google Fonts',
674
+ 'Petrona' => 'Google Fonts',
675
+ 'Philosopher' => 'Google Fonts',
676
+ 'Piedra' => 'Google Fonts',
677
+ 'Pinyon Script' => 'Google Fonts',
678
+ 'Pirata One' => 'Google Fonts',
679
+ 'Plaster' => 'Google Fonts',
680
+ 'Play' => 'Google Fonts',
681
+ 'Playball' => 'Google Fonts',
682
+ 'Playfair Display' => 'Google Fonts',
683
+ 'Playfair Display SC' => 'Google Fonts',
684
+ 'Podkova' => 'Google Fonts',
685
+ 'Poiret One' => 'Google Fonts',
686
+ 'Poller One' => 'Google Fonts',
687
+ 'Poly' => 'Google Fonts',
688
+ 'Pompiere' => 'Google Fonts',
689
+ 'Pontano Sans' => 'Google Fonts',
690
+ 'Poor Story' => 'Google Fonts',
691
+ 'Poppins' => 'Google Fonts',
692
+ 'Port Lligat Sans' => 'Google Fonts',
693
+ 'Port Lligat Slab' => 'Google Fonts',
694
+ 'Pragati Narrow' => 'Google Fonts',
695
+ 'Prata' => 'Google Fonts',
696
+ 'Preahvihear' => 'Google Fonts',
697
+ 'Press Start 2P' => 'Google Fonts',
698
+ 'Pridi' => 'Google Fonts',
699
+ 'Princess Sofia' => 'Google Fonts',
700
+ 'Prociono' => 'Google Fonts',
701
+ 'Prompt' => 'Google Fonts',
702
+ 'Prosto One' => 'Google Fonts',
703
+ 'Proza Libre' => 'Google Fonts',
704
+ 'Puritan' => 'Google Fonts',
705
+ 'Purple Purse' => 'Google Fonts',
706
+ 'Quando' => 'Google Fonts',
707
+ 'Quantico' => 'Google Fonts',
708
+ 'Quattrocento' => 'Google Fonts',
709
+ 'Quattrocento Sans' => 'Google Fonts',
710
+ 'Questrial' => 'Google Fonts',
711
+ 'Quicksand' => 'Google Fonts',
712
+ 'Quintessential' => 'Google Fonts',
713
+ 'Qwigley' => 'Google Fonts',
714
+ 'Racing Sans One' => 'Google Fonts',
715
+ 'Radley' => 'Google Fonts',
716
+ 'Rajdhani' => 'Google Fonts',
717
+ 'Rakkas' => 'Google Fonts',
718
+ 'Raleway' => 'Google Fonts',
719
+ 'Raleway Dots' => 'Google Fonts',
720
+ 'Ramabhadra' => 'Google Fonts',
721
+ 'Ramaraja' => 'Google Fonts',
722
+ 'Rambla' => 'Google Fonts',
723
+ 'Rammetto One' => 'Google Fonts',
724
+ 'Ranchers' => 'Google Fonts',
725
+ 'Rancho' => 'Google Fonts',
726
+ 'Ranga' => 'Google Fonts',
727
+ 'Rasa' => 'Google Fonts',
728
+ 'Rationale' => 'Google Fonts',
729
+ 'Ravi Prakash' => 'Google Fonts',
730
+ 'Redressed' => 'Google Fonts',
731
+ 'Reem Kufi' => 'Google Fonts',
732
+ 'Reenie Beanie' => 'Google Fonts',
733
+ 'Revalia' => 'Google Fonts',
734
+ 'Rhodium Libre' => 'Google Fonts',
735
+ 'Ribeye' => 'Google Fonts',
736
+ 'Ribeye Marrow' => 'Google Fonts',
737
+ 'Righteous' => 'Google Fonts',
738
+ 'Risque' => 'Google Fonts',
739
+ 'Roboto' => 'Google Fonts',
740
+ 'Roboto Condensed' => 'Google Fonts',
741
+ 'Roboto Mono' => 'Google Fonts',
742
+ 'Roboto Slab' => 'Google Fonts',
743
+ 'Rochester' => 'Google Fonts',
744
+ 'Rock Salt' => 'Google Fonts',
745
+ 'Rokkitt' => 'Google Fonts',
746
+ 'Romanesco' => 'Google Fonts',
747
+ 'Ropa Sans' => 'Google Fonts',
748
+ 'Rosario' => 'Google Fonts',
749
+ 'Rosarivo' => 'Google Fonts',
750
+ 'Rouge Script' => 'Google Fonts',
751
+ 'Rozha One' => 'Google Fonts',
752
+ 'Rubik' => 'Google Fonts',
753
+ 'Rubik Mono One' => 'Google Fonts',
754
+ 'Ruda' => 'Google Fonts',
755
+ 'Rufina' => 'Google Fonts',
756
+ 'Ruge Boogie' => 'Google Fonts',
757
+ 'Ruluko' => 'Google Fonts',
758
+ 'Rum Raisin' => 'Google Fonts',
759
+ 'Ruslan Display' => 'Google Fonts',
760
+ 'Russo One' => 'Google Fonts',
761
+ 'Ruthie' => 'Google Fonts',
762
+ 'Rye' => 'Google Fonts',
763
+ 'Sacramento' => 'Google Fonts',
764
+ 'Sahitya' => 'Google Fonts',
765
+ 'Sail' => 'Google Fonts',
766
+ 'Saira' => 'Google Fonts',
767
+ 'Saira Condensed' => 'Google Fonts',
768
+ 'Saira Extra Condensed' => 'Google Fonts',
769
+ 'Saira Semi Condensed' => 'Google Fonts',
770
+ 'Salsa' => 'Google Fonts',
771
+ 'Sanchez' => 'Google Fonts',
772
+ 'Sancreek' => 'Google Fonts',
773
+ 'Sansita' => 'Google Fonts',
774
+ 'Sarala' => 'Google Fonts',
775
+ 'Sarina' => 'Google Fonts',
776
+ 'Sarpanch' => 'Google Fonts',
777
+ 'Satisfy' => 'Google Fonts',
778
+ 'Sawarabi Gothic' => 'Google Fonts',
779
+ 'Sawarabi Mincho' => 'Google Fonts',
780
+ 'Scada' => 'Google Fonts',
781
+ 'Scheherazade' => 'Google Fonts',
782
+ 'Schoolbell' => 'Google Fonts',
783
+ 'Scope One' => 'Google Fonts',
784
+ 'Seaweed Script' => 'Google Fonts',
785
+ 'Secular One' => 'Google Fonts',
786
+ 'Sedgwick Ave' => 'Google Fonts',
787
+ 'Sedgwick Ave Display' => 'Google Fonts',
788
+ 'Sevillana' => 'Google Fonts',
789
+ 'Seymour One' => 'Google Fonts',
790
+ 'Shadows Into Light' => 'Google Fonts',
791
+ 'Shadows Into Light Two' => 'Google Fonts',
792
+ 'Shanti' => 'Google Fonts',
793
+ 'Share' => 'Google Fonts',
794
+ 'Share Tech' => 'Google Fonts',
795
+ 'Share Tech Mono' => 'Google Fonts',
796
+ 'Shojumaru' => 'Google Fonts',
797
+ 'Short Stack' => 'Google Fonts',
798
+ 'Shrikhand' => 'Google Fonts',
799
+ 'Siemreap' => 'Google Fonts',
800
+ 'Sigmar One' => 'Google Fonts',
801
+ 'Signika' => 'Google Fonts',
802
+ 'Signika Negative' => 'Google Fonts',
803
+ 'Simonetta' => 'Google Fonts',
804
+ 'Sintony' => 'Google Fonts',
805
+ 'Sirin Stencil' => 'Google Fonts',
806
+ 'Six Caps' => 'Google Fonts',
807
+ 'Skranji' => 'Google Fonts',
808
+ 'Slabo 13px' => 'Google Fonts',
809
+ 'Slabo 27px' => 'Google Fonts',
810
+ 'Slackey' => 'Google Fonts',
811
+ 'Smokum' => 'Google Fonts',
812
+ 'Smythe' => 'Google Fonts',
813
+ 'Sniglet' => 'Google Fonts',
814
+ 'Snippet' => 'Google Fonts',
815
+ 'Snowburst One' => 'Google Fonts',
816
+ 'Sofadi One' => 'Google Fonts',
817
+ 'Sofia' => 'Google Fonts',
818
+ 'Song Myung' => 'Google Fonts',
819
+ 'Sonsie One' => 'Google Fonts',
820
+ 'Sorts Mill Goudy' => 'Google Fonts',
821
+ 'Source Code Pro' => 'Google Fonts',
822
+ 'Source Sans Pro' => 'Google Fonts',
823
+ 'Source Serif Pro' => 'Google Fonts',
824
+ 'Space Mono' => 'Google Fonts',
825
+ 'Special Elite' => 'Google Fonts',
826
+ 'Spectral' => 'Google Fonts',
827
+ 'Spectral SC' => 'Google Fonts',
828
+ 'Spicy Rice' => 'Google Fonts',
829
+ 'Spinnaker' => 'Google Fonts',
830
+ 'Spirax' => 'Google Fonts',
831
+ 'Squada One' => 'Google Fonts',
832
+ 'Sree Krushnadevaraya' => 'Google Fonts',
833
+ 'Sriracha' => 'Google Fonts',
834
+ 'Srisakdi' => 'Google Fonts',
835
+ 'Stalemate' => 'Google Fonts',
836
+ 'Stalinist One' => 'Google Fonts',
837
+ 'Stardos Stencil' => 'Google Fonts',
838
+ 'Stint Ultra Condensed' => 'Google Fonts',
839
+ 'Stint Ultra Expanded' => 'Google Fonts',
840
+ 'Stoke' => 'Google Fonts',
841
+ 'Strait' => 'Google Fonts',
842
+ 'Stylish' => 'Google Fonts',
843
+ 'Sue Ellen Francisco' => 'Google Fonts',
844
+ 'Suez One' => 'Google Fonts',
845
+ 'Sumana' => 'Google Fonts',
846
+ 'Sunflower' => 'Google Fonts',
847
+ 'Sunshiney' => 'Google Fonts',
848
+ 'Supermercado One' => 'Google Fonts',
849
+ 'Sura' => 'Google Fonts',
850
+ 'Suranna' => 'Google Fonts',
851
+ 'Suravaram' => 'Google Fonts',
852
+ 'Suwannaphum' => 'Google Fonts',
853
+ 'Swanky and Moo Moo' => 'Google Fonts',
854
+ 'Syncopate' => 'Google Fonts',
855
+ 'Tajawal' => 'Google Fonts',
856
+ 'Tangerine' => 'Google Fonts',
857
+ 'Taprom' => 'Google Fonts',
858
+ 'Tauri' => 'Google Fonts',
859
+ 'Taviraj' => 'Google Fonts',
860
+ 'Teko' => 'Google Fonts',
861
+ 'Telex' => 'Google Fonts',
862
+ 'Tenali Ramakrishna' => 'Google Fonts',
863
+ 'Tenor Sans' => 'Google Fonts',
864
+ 'Text Me One' => 'Google Fonts',
865
+ 'The Girl Next Door' => 'Google Fonts',
866
+ 'Tienne' => 'Google Fonts',
867
+ 'Tillana' => 'Google Fonts',
868
+ 'Timmana' => 'Google Fonts',
869
+ 'Tinos' => 'Google Fonts',
870
+ 'Titan One' => 'Google Fonts',
871
+ 'Titillium Web' => 'Google Fonts',
872
+ 'Trade Winds' => 'Google Fonts',
873
+ 'Trirong' => 'Google Fonts',
874
+ 'Trocchi' => 'Google Fonts',
875
+ 'Trochut' => 'Google Fonts',
876
+ 'Trykker' => 'Google Fonts',
877
+ 'Tulpen One' => 'Google Fonts',
878
+ 'Ubuntu' => 'Google Fonts',
879
+ 'Ubuntu Condensed' => 'Google Fonts',
880
+ 'Ubuntu Mono' => 'Google Fonts',
881
+ 'Ultra' => 'Google Fonts',
882
+ 'Uncial Antiqua' => 'Google Fonts',
883
+ 'Underdog' => 'Google Fonts',
884
+ 'Unica One' => 'Google Fonts',
885
+ 'UnifrakturCook' => 'Google Fonts',
886
+ 'UnifrakturMaguntia' => 'Google Fonts',
887
+ 'Unkempt' => 'Google Fonts',
888
+ 'Unlock' => 'Google Fonts',
889
+ 'Unna' => 'Google Fonts',
890
+ 'VT323' => 'Google Fonts',
891
+ 'Vampiro One' => 'Google Fonts',
892
+ 'Varela' => 'Google Fonts',
893
+ 'Varela Round' => 'Google Fonts',
894
+ 'Vast Shadow' => 'Google Fonts',
895
+ 'Vesper Libre' => 'Google Fonts',
896
+ 'Vibur' => 'Google Fonts',
897
+ 'Vidaloka' => 'Google Fonts',
898
+ 'Viga' => 'Google Fonts',
899
+ 'Voces' => 'Google Fonts',
900
+ 'Volkhov' => 'Google Fonts',
901
+ 'Vollkorn' => 'Google Fonts',
902
+ 'Vollkorn SC' => 'Google Fonts',
903
+ 'Voltaire' => 'Google Fonts',
904
+ 'Waiting for the Sunrise' => 'Google Fonts',
905
+ 'Wallpoet' => 'Google Fonts',
906
+ 'Walter Turncoat' => 'Google Fonts',
907
+ 'Warnes' => 'Google Fonts',
908
+ 'Wellfleet' => 'Google Fonts',
909
+ 'Wendy One' => 'Google Fonts',
910
+ 'Wire One' => 'Google Fonts',
911
+ 'Work Sans' => 'Google Fonts',
912
+ 'Yanone Kaffeesatz' => 'Google Fonts',
913
+ 'Yantramanav' => 'Google Fonts',
914
+ 'Yatra One' => 'Google Fonts',
915
+ 'Yellowtail' => 'Google Fonts',
916
+ 'Yeon Sung' => 'Google Fonts',
917
+ 'Yeseva One' => 'Google Fonts',
918
+ 'Yesteryear' => 'Google Fonts',
919
+ 'Yrsa' => 'Google Fonts',
920
+ 'Zeyada' => 'Google Fonts',
921
+ 'Zilla Slab' => 'Google Fonts',
922
+ 'Zilla Slab Highlight' => 'Google Fonts',
923
+ );
924
+ }
925
+ }
mystickymenu.php CHANGED
@@ -2,8 +2,8 @@
2
  /*
3
  Plugin Name: myStickymenu
4
  Plugin URI: https://premio.io/
5
- Description: Simple sticky (fixed on top) menu implementation for navigation menu. After install go to Settings / myStickymenu and change Sticky Class to .your_navbar_class or #your_navbar_id.
6
- Version: 2.1.8
7
  Author: Premio
8
  Author URI: https://premio.io/downloads/mystickymenu/
9
  Text Domain: mystickymenu
@@ -12,7 +12,9 @@ License: GPLv2 or later
12
  */
13
 
14
  defined('ABSPATH') or die("Cannot access pages directly.");
15
- define( 'MYSTICKY_VERSION', '2.1.8' );
 
 
16
 
17
  class MyStickyMenuBackend
18
  {
@@ -49,17 +51,17 @@ class MyStickyMenuBackend
49
  if ($hook != 'settings_page_my-stickymenu-settings') {
50
  return;
51
  }
52
-
 
 
 
 
53
  wp_enqueue_script('jquery-ui');
54
  wp_enqueue_script('jquery-ui-slider');
55
- wp_register_script('mystickymenuAdminScript', plugins_url('/js/mystickymenu-admin.js', __FILE__), array( 'jquery' ), MYSTICKY_VERSION);
56
- wp_enqueue_script('mystickymenuAdminScript');
57
-
58
- wp_register_style('mystickymenuAdminStyle', plugins_url('/css/mystickymenu-admin.css', __FILE__), array(), MYSTICKY_VERSION );
59
- wp_enqueue_style('mystickymenuAdminStyle');
60
-
61
- wp_enqueue_style( 'wp-color-picker' );
62
  wp_enqueue_script( 'my-script-handle', plugins_url('js/iris-script.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
 
63
  }
64
 
65
  public function mysticky_load_transl(){
@@ -98,12 +100,59 @@ class MyStickyMenuBackend
98
  echo '<div class="error settings-error notice is-dismissible "><p><strong>' . esc_html__('Unable to complete your request','mystickymenu'). '</p></strong></div>';
99
  }
100
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
101
 
102
  $mysticky_options = get_option( 'mysticky_option_name');
103
  $is_old = get_option("has_sticky_header_old_version");
104
  $is_old = ($is_old == "no")?false:true;
105
  $nonce = wp_create_nonce('mysticky_option_backend_update');
106
  $pro_url = "https://go.premio.io/?edd_action=add_to_cart&download_id=2199&edd_options[price_id]=";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
107
  ?>
108
  <style>
109
  div#wpcontent {
@@ -120,11 +169,12 @@ class MyStickyMenuBackend
120
  <div id="mystickymenu" class="wrap mystickymenu">
121
  <div class="sticky-header-menu">
122
  <ul>
123
- <li><a href="#sticky-header-settings" class="<?php echo (isset($_GET['type'])&&$_GET['type']=="upgrade")?"":"active" ?>"><?php _e('Settings', 'mystickymenu'); ?></a></li>
 
124
  <li><a href="#sticky-header-upgrade" class="<?php echo (isset($_GET['type'])&&$_GET['type']=="upgrade")?"active":"" ?>"><?php _e('Upgrade to Pro', 'mystickymenu'); ?></a></li>
125
  </ul>
126
  </div>
127
- <div style="display: <?php echo (isset($_GET['type'])&&$_GET['type']=="upgrade")?"none":"block" ?>" id="sticky-header-settings" class="sticky-header-content">
128
  <div class="mystickymenu-heading">
129
  <div class="myStickymenu-header-title">
130
  <h3><?php _e('How To Make a Sticky Header', 'mystickymenu'); ?></h3>
@@ -196,13 +246,13 @@ class MyStickyMenuBackend
196
  <label>
197
  <input id="disable_css" name="mysticky_option_name[device_desktop]" type="checkbox" checked disabled />
198
  <?php _e( 'Desktop', 'mystickymenu' );?>
199
- <label>
200
  </li>
201
  <li>
202
  <label>
203
  <input id="disable_css" name="mysticky_option_name[device_mobile]" type="checkbox" checked disabled />
204
  <?php _e( 'Mobile', 'mystickymenu' );?>
205
- <label>
206
  </li>
207
  </ul>
208
  </div>
@@ -332,9 +382,9 @@ class MyStickyMenuBackend
332
  <label class="mysticky_title" for="disable_css"><?php _e("Disable CSS style", 'mystickymenu'); ?></label>
333
  <div class="mystickymenu-input-section">
334
  <label>
335
- <input id="disable_css" name="mysticky_option_name[disable_css]" type="checkbox" <?php echo !$is_old?"disabled":"" ?> <?php checked( @$mysticky_options['disable_css'], 'on' );?> />
336
- <?php _e( 'Use this option if you plan to include CSS Style manually', 'mystickymenu' );?>
337
- <label>
338
  </div>
339
  <p></p>
340
  </div>
@@ -446,6 +496,9 @@ class MyStickyMenuBackend
446
  </form>
447
  <p class="myStickymenu-review"><a href="https://wordpress.org/support/plugin/mystickymenu/reviews/" target="_blank"><?php _e('Leave a review','mystickymenu'); ?></a></p>
448
  </div>
 
 
 
449
  <div style="display: <?php echo (isset($_GET['type'])&&$_GET['type']=="upgrade")?"block":"none" ?>" id="sticky-header-upgrade" class="sticky-header-content">
450
  <div id="rpt_pricr" class="rpt_plans rpt_3_plans rpt_style_basic">
451
  <p class="udner-title">
@@ -467,6 +520,7 @@ class MyStickyMenuBackend
467
  <div class="rpt_feature rpt_feature_0-3"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Add CSS of your own to the sticky menu</span>CSS style<span class="rpt_tooltip_plus" > +</span></a></div>
468
  <div class="rpt_feature rpt_feature_0-4"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Exclude pages you don't want to have sticky menu</span>Page targeting<span class="rpt_tooltip_plus" > +</span></a></div>
469
  <div class="rpt_feature rpt_feature_0-5"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Fade/Slide, opacity, background color, transition time and more</span>Effects and more<span class="rpt_tooltip_plus" > +</span></a></div>
 
470
  <div class="rpt_feature rpt_feature_0-9">
471
  <select data-key="0" class="multiple-options">
472
  <option data-header="Renewals for 25% off" data-price="9" value="<?php echo esc_url($pro_url."1") ?>">
@@ -499,6 +553,7 @@ class MyStickyMenuBackend
499
  <div class="rpt_feature rpt_feature_1-3"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Add CSS of your own to the sticky menu</span>CSS style<span class="rpt_tooltip_plus" > +</span></a></div>
500
  <div class="rpt_feature rpt_feature_1-4"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Exclude pages you don't want to have sticky menu</span>Page targeting<span class="rpt_tooltip_plus" > +</span></a></div>
501
  <div class="rpt_feature rpt_feature_1-5"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Fade/Slide, opacity, background color, transition time and more</span>Effects and more<span class="rpt_tooltip_plus" > +</span></a></div>
 
502
  <div class="rpt_feature rpt_feature_0-9">
503
  <select data-key="0" class="multiple-options">
504
  <option data-header="Renewals for 25% off" data-price="25" value="<?php echo esc_url($pro_url."2") ?>">
@@ -531,6 +586,7 @@ class MyStickyMenuBackend
531
  <div class="rpt_feature rpt_feature_2-3"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Add CSS of your own to the sticky menu</span>CSS style<span class="rpt_tooltip_plus" > +</span></a></div>
532
  <div class="rpt_feature rpt_feature_2-4"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Exclude pages you don't want to have sticky menu</span>Page targeting<span class="rpt_tooltip_plus" > +</span></a></div>
533
  <div class="rpt_feature rpt_feature_2-5"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Fade/Slide, opacity, background color, transition time and more</span>Effects and more<span class="rpt_tooltip_plus" > +</span></a></div>
 
534
  <div class="rpt_feature rpt_feature_0-9">
535
  <select data-key="0" class="multiple-options">
536
  <option data-header="Renewals for 25% off" data-price="49" value="<?php echo esc_url($pro_url."3") ?>">
@@ -677,6 +733,48 @@ class MyStickyMenuFrontend
677
  echo '</style>';
678
  }
679
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
680
 
681
  public function mystickymenu_script() {
682
 
@@ -687,7 +785,7 @@ class MyStickyMenuFrontend
687
  } else {
688
  $top = "false";
689
  }
690
-
691
 
692
  // needed for update 1.7 => 1.8 ... will be removed in the future ()
693
  if (isset($mysticky_options['mysticky_active_on_height_home'])) {
2
  /*
3
  Plugin Name: myStickymenu
4
  Plugin URI: https://premio.io/
5
+ Description: Simple sticky (fixed on top) menu implementation for navigation menu and Welcome bar for announcements and promotion. After install go to Settings / myStickymenu and change Sticky Class to .your_navbar_class or #your_navbar_id.
6
+ Version: 2.2
7
  Author: Premio
8
  Author URI: https://premio.io/downloads/mystickymenu/
9
  Text Domain: mystickymenu
12
  */
13
 
14
  defined('ABSPATH') or die("Cannot access pages directly.");
15
+ define( 'MYSTICKY_VERSION', '2.2' );
16
+ require_once("mystickymenu-fonts.php");
17
+ require_once("welcome-bar.php");
18
 
19
  class MyStickyMenuBackend
20
  {
51
  if ($hook != 'settings_page_my-stickymenu-settings') {
52
  return;
53
  }
54
+ wp_enqueue_style('mystickymenuAdminStyle', plugins_url('/css/mystickymenu-admin.css', __FILE__), array(), MYSTICKY_VERSION );
55
+ wp_enqueue_style( 'wp-color-picker' );
56
+ wp_enqueue_style( 'wp-jquery-ui-dialog' );
57
+ wp_enqueue_style('jquery-ui');
58
+
59
  wp_enqueue_script('jquery-ui');
60
  wp_enqueue_script('jquery-ui-slider');
61
+ //wp_enqueue_script('jquery-ui-datepicker');
62
+ wp_enqueue_script( 'jquery-ui-dialog' );
 
 
 
 
 
63
  wp_enqueue_script( 'my-script-handle', plugins_url('js/iris-script.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
64
+ wp_enqueue_script('mystickymenuAdminScript', plugins_url('/js/mystickymenu-admin.js', __FILE__), array( 'jquery', 'jquery-ui-slider' ), MYSTICKY_VERSION);
65
  }
66
 
67
  public function mysticky_load_transl(){
100
  echo '<div class="error settings-error notice is-dismissible "><p><strong>' . esc_html__('Unable to complete your request','mystickymenu'). '</p></strong></div>';
101
  }
102
  }
103
+
104
+ /* welcome bar save data */
105
+ if (isset($_POST['mysticky_option_welcomebar']) && !empty($_POST['mysticky_option_welcomebar']) && isset($_POST['nonce'])) {
106
+ if(!empty($_POST['nonce']) && wp_verify_nonce($_POST['nonce'], 'mysticky_option_welcomebar_update')) {
107
+ $mysticky_option_welcomebar = filter_var_array( $_POST['mysticky_option_welcomebar'], FILTER_SANITIZE_STRING );
108
+ $mysticky_option_welcomebar['mysticky_welcomebar_height'] = 60;
109
+ $mysticky_option_welcomebar['mysticky_welcomebar_device_desktop'] = 'desktop';
110
+ $mysticky_option_welcomebar['mysticky_welcomebar_device_mobile'] = 'mobile';
111
+ $mysticky_option_welcomebar['mysticky_welcomebar_trigger'] = 'after_a_few_seconds';
112
+ $mysticky_option_welcomebar['mysticky_welcomebar_triggersec'] = '0';
113
+ $mysticky_option_welcomebar['mysticky_welcomebar_expirydate'] = '';
114
+ $mysticky_option_welcomebar['mysticky_welcomebar_page_settings'] = '';
115
+ update_option( 'mysticky_option_welcomebar', $mysticky_option_welcomebar);
116
+ echo '<div class="updated settings-error notice is-dismissible "><p><strong>' . esc_html__('Settings saved.','mystickymenu'). '</p></strong></div>';
117
+ } else {
118
+ wp_verify_nonce($_GET['nonce'], 'wporg_frontend_delete');
119
+ echo '<div class="error settings-error notice is-dismissible "><p><strong>' . esc_html__('Unable to complete your request','mystickymenu'). '</p></strong></div>';
120
+ }
121
+ }
122
+ if (isset($_POST['mysticky_welcomebar_reset']) && !empty($_POST['mysticky_welcomebar_reset']) && isset($_POST['nonce_reset'])) {
123
+ if(!empty($_POST['nonce_reset']) && wp_verify_nonce($_POST['nonce_reset'], 'mysticky_option_welcomebar_reset')) {
124
+ $mysticky_option_welcomebar_reset = mysticky_welcomebar_pro_widget_default_fields();
125
+ update_option( 'mysticky_option_welcomebar', $mysticky_option_welcomebar_reset);
126
+ echo '<div class="updated settings-error notice is-dismissible "><p><strong>' . esc_html__('Reset Settings saved.','mystickymenu'). '</p></strong></div>';
127
+ } else {
128
+ wp_verify_nonce($_GET['nonce'], 'wporg_frontend_delete');
129
+ echo '<div class="error settings-error notice is-dismissible "><p><strong>' . esc_html__('Unable to complete your request','mystickymenu'). '</p></strong></div>';
130
+ }
131
+ }
132
 
133
  $mysticky_options = get_option( 'mysticky_option_name');
134
  $is_old = get_option("has_sticky_header_old_version");
135
  $is_old = ($is_old == "no")?false:true;
136
  $nonce = wp_create_nonce('mysticky_option_backend_update');
137
  $pro_url = "https://go.premio.io/?edd_action=add_to_cart&download_id=2199&edd_options[price_id]=";
138
+
139
+ $welcomebar_active_class = '';
140
+ $welcomebar_inactive_class = '';
141
+ $welcomebar_active_block = '';
142
+ $welcomebar_inactive_block = 'display: none';
143
+ if( isset($_POST['active_tab_element']) && $_POST['active_tab_element'] == 1 ) {
144
+ $welcomebar_active_class = 'active';
145
+ $welcomebar_inactive_class = '';
146
+ $welcomebar_active_block = 'display: block';
147
+ $welcomebar_inactive_block = 'display: none';
148
+ } else {
149
+ if ( !isset($_GET['type'])){
150
+ $welcomebar_active_class = '';
151
+ $welcomebar_inactive_class = 'active';
152
+ $welcomebar_active_block = '';
153
+ $welcomebar_inactive_block = 'display: block';
154
+ }
155
+ }
156
  ?>
157
  <style>
158
  div#wpcontent {
169
  <div id="mystickymenu" class="wrap mystickymenu">
170
  <div class="sticky-header-menu">
171
  <ul>
172
+ <li><a href="#sticky-header-settings" class="<?php echo $welcomebar_inactive_class; ?>"><?php _e('Sticky Menu', 'mystickymenu'); ?></a></li>
173
+ <li><a href="#sticky-header-welcome-bar" class="<?php echo $welcomebar_active_class; ?>"><?php _e('Welcome Bar', 'mystickymenu'); ?></a></li>
174
  <li><a href="#sticky-header-upgrade" class="<?php echo (isset($_GET['type'])&&$_GET['type']=="upgrade")?"active":"" ?>"><?php _e('Upgrade to Pro', 'mystickymenu'); ?></a></li>
175
  </ul>
176
  </div>
177
+ <div style="<?php echo $welcomebar_inactive_block; ?>" id="sticky-header-settings" class="sticky-header-content">
178
  <div class="mystickymenu-heading">
179
  <div class="myStickymenu-header-title">
180
  <h3><?php _e('How To Make a Sticky Header', 'mystickymenu'); ?></h3>
246
  <label>
247
  <input id="disable_css" name="mysticky_option_name[device_desktop]" type="checkbox" checked disabled />
248
  <?php _e( 'Desktop', 'mystickymenu' );?>
249
+ </label>
250
  </li>
251
  <li>
252
  <label>
253
  <input id="disable_css" name="mysticky_option_name[device_mobile]" type="checkbox" checked disabled />
254
  <?php _e( 'Mobile', 'mystickymenu' );?>
255
+ </label>
256
  </li>
257
  </ul>
258
  </div>
382
  <label class="mysticky_title" for="disable_css"><?php _e("Disable CSS style", 'mystickymenu'); ?></label>
383
  <div class="mystickymenu-input-section">
384
  <label>
385
+ <input id="disable_css" name="mysticky_option_name[disable_css]" type="checkbox" <?php echo !$is_old?"disabled":"" ?> <?php checked( @$mysticky_options['disable_css'], 'on' );?> />
386
+ <?php _e( 'Use this option if you plan to include CSS Style manually', 'mystickymenu' );?>
387
+ </label>
388
  </div>
389
  <p></p>
390
  </div>
496
  </form>
497
  <p class="myStickymenu-review"><a href="https://wordpress.org/support/plugin/mystickymenu/reviews/" target="_blank"><?php _e('Leave a review','mystickymenu'); ?></a></p>
498
  </div>
499
+ <div style="<?php echo $welcomebar_active_block; ?>" id="sticky-header-welcome-bar" class="sticky-header-content">
500
+ <?php mysticky_welcome_bar_backend(); ?>
501
+ </div>
502
  <div style="display: <?php echo (isset($_GET['type'])&&$_GET['type']=="upgrade")?"block":"none" ?>" id="sticky-header-upgrade" class="sticky-header-content">
503
  <div id="rpt_pricr" class="rpt_plans rpt_3_plans rpt_style_basic">
504
  <p class="udner-title">
520
  <div class="rpt_feature rpt_feature_0-3"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Add CSS of your own to the sticky menu</span>CSS style<span class="rpt_tooltip_plus" > +</span></a></div>
521
  <div class="rpt_feature rpt_feature_0-4"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Exclude pages you don't want to have sticky menu</span>Page targeting<span class="rpt_tooltip_plus" > +</span></a></div>
522
  <div class="rpt_feature rpt_feature_0-5"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Fade/Slide, opacity, background color, transition time and more</span>Effects and more<span class="rpt_tooltip_plus" > +</span></a></div>
523
+ <div class="rpt_feature rpt_feature_0-6"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Including page targeting, delay and scroll triggers, devices, position, height, expiry date, open link in a new tab and remove credit</span>Welcome bar<span class="rpt_tooltip_plus"> +</span></a></div>
524
  <div class="rpt_feature rpt_feature_0-9">
525
  <select data-key="0" class="multiple-options">
526
  <option data-header="Renewals for 25% off" data-price="9" value="<?php echo esc_url($pro_url."1") ?>">
553
  <div class="rpt_feature rpt_feature_1-3"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Add CSS of your own to the sticky menu</span>CSS style<span class="rpt_tooltip_plus" > +</span></a></div>
554
  <div class="rpt_feature rpt_feature_1-4"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Exclude pages you don't want to have sticky menu</span>Page targeting<span class="rpt_tooltip_plus" > +</span></a></div>
555
  <div class="rpt_feature rpt_feature_1-5"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Fade/Slide, opacity, background color, transition time and more</span>Effects and more<span class="rpt_tooltip_plus" > +</span></a></div>
556
+ <div class="rpt_feature rpt_feature_1-6"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Including page targeting, delay and scroll triggers, devices, position, height, expiry date, open link in a new tab and remove credit</span>Welcome bar<span class="rpt_tooltip_plus"> +</span></a></div>
557
  <div class="rpt_feature rpt_feature_0-9">
558
  <select data-key="0" class="multiple-options">
559
  <option data-header="Renewals for 25% off" data-price="25" value="<?php echo esc_url($pro_url."2") ?>">
586
  <div class="rpt_feature rpt_feature_2-3"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Add CSS of your own to the sticky menu</span>CSS style<span class="rpt_tooltip_plus" > +</span></a></div>
587
  <div class="rpt_feature rpt_feature_2-4"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Exclude pages you don't want to have sticky menu</span>Page targeting<span class="rpt_tooltip_plus" > +</span></a></div>
588
  <div class="rpt_feature rpt_feature_2-5"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Fade/Slide, opacity, background color, transition time and more</span>Effects and more<span class="rpt_tooltip_plus" > +</span></a></div>
589
+ <div class="rpt_feature rpt_feature_2-6"><a href="javascript:;" class="rpt_tooltip"><span class="intool"><b></b>Including page targeting, delay and scroll triggers, devices, position, height, expiry date, open link in a new tab and remove credit</span>Welcome bar<span class="rpt_tooltip_plus"> +</span></a></div>
590
  <div class="rpt_feature rpt_feature_0-9">
591
  <select data-key="0" class="multiple-options">
592
  <option data-header="Renewals for 25% off" data-price="49" value="<?php echo esc_url($pro_url."3") ?>">
733
  echo '</style>';
734
  }
735
  }
736
+
737
+ public function mystickymenu_google_fonts_url() {
738
+ $welcomebar = get_option( 'mysticky_option_welcomebar' );
739
+
740
+ $default_fonts = array('Arial', 'Tahoma', 'Verdana', 'Helvetica', 'Times New Roman', 'Trebuchet MS', 'Georgia' );
741
+ $fonts_url = '';
742
+ $fonts = array();
743
+ $font_args = array();
744
+ $base_url = "https://fonts.googleapis.com/css";
745
+ $fonts['family']['Lato'] = 'Lato:400,500,600,700';
746
+ if ( isset($welcomebar['mysticky_welcomebar_font']) && $welcomebar['mysticky_welcomebar_font'] !='' && !in_array( $general_settings['font_family'], $default_fonts) ) {
747
+ $fonts['family'][$welcomebar['mysticky_welcomebar_font']] = $welcomebar['mysticky_welcomebar_font'] . ':400,500,600,700';
748
+ }
749
+ if ( isset($welcomebar['mysticky_welcomebar_btnfont']) && $welcomebar['mysticky_welcomebar_btnfont'] !='' && !in_array( $general_settings['font_family'], $default_fonts) ) {
750
+ $fonts['family'][$welcomebar['mysticky_welcomebar_btnfont']] = $welcomebar['mysticky_welcomebar_btnfont'] . ':400,500,600,700';
751
+ }
752
+
753
+ /* Prepapre URL if font family defined. */
754
+ if( !empty( $fonts['family'] ) ) {
755
+
756
+ /* format family to string */
757
+ if( is_array($fonts['family']) ){
758
+ $fonts['family'] = implode( '|', $fonts['family'] );
759
+ }
760
+
761
+ $font_args['family'] = urlencode( trim( $fonts['family'] ) );
762
+
763
+ if( !empty( $fonts['subsets'] ) ){
764
+
765
+ /* format subsets to string */
766
+ if( is_array( $fonts['subsets'] ) ){
767
+ $fonts['subsets'] = implode( ',', $fonts['subsets'] );
768
+ }
769
+
770
+ $font_args['subsets'] = urlencode( trim( $fonts['subsets'] ) );
771
+ }
772
+
773
+ $fonts_url = add_query_arg( $font_args, $base_url );
774
+ }
775
+
776
+ return esc_url_raw( $fonts_url );
777
+ }
778
 
779
  public function mystickymenu_script() {
780
 
785
  } else {
786
  $top = "false";
787
  }
788
+ wp_enqueue_style('google-fonts', $this->mystickymenu_google_fonts_url(),array(), MYSTICKY_VERSION );
789
 
790
  // needed for update 1.7 => 1.8 ... will be removed in the future ()
791
  if (isset($mysticky_options['mysticky_active_on_height_home'])) {
readme.txt CHANGED
@@ -1,394 +1,425 @@
1
- ===Sticky Menu on Scroll, Sticky Header for Any Theme - myStickymenu===
2
- Contributors: tomeraharon, galdub, premio
3
- Tags: sticky, menu, header, sticky menu, sticky header, floating, floating menu, floating navigation menu, navigation menu, navigation, sticky navigation menu
4
- Requires at least: 3.5.1
5
- Tested up to: 5.2
6
- Stable tag: 2.1.8
7
- License: GPLv2 or later
8
-
9
- This sticky menu plugin will make your menu or header stick to the top of page, after desired number of pixels when scrolled down and up.
10
-
11
- == Description ==
12
- <strong>This sticky menu plugin will make your menu or header sticky on top of page, after desired number of pixels when scrolled. This lightweight plugin will help your visitors navigate easily and reach to the navigation menu without wasting time. Install My Sticky Menu and improve your website’s user experience! If you want to change the CSS style, disable on scroll down or disable on specific pages. check out the <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu pro plans">Pro version</a>.</strong>
13
-
14
- By default, sticky menu is designed to use element class ".navbar" as "Sticky Class". That value should be modified in plugin settings for different themes to make it work. Sticky Class is actually nothing more than an element class (or id) of the element that should become sticky.
15
-
16
- With more than 60,000+ active installs and around 100 five-stars reviews, you can be sure that My Sticky Menu plugin is the right fit for your website.
17
-
18
- = BENEFITS =
19
- * Improve user experience by letting your visitors access the navigation menu and navigate to the pages they want when they want to.
20
- * Make your website look more modern with sticky menu on desktop and mobile.
21
- * Increase number of pageviews and
22
-
23
- The sticky header function is localized (multi language support) and responsive (as far as your theme is). Also there is possibility to add custom css code which make this plugin very flexible, customizable and user friendly.
24
-
25
- My Sticky Menu plugin is originally designed for Twenty Thirteen template but should work on any theme, like: OceanWP, Nirvana Template, Travelify, Twenty Sixteen, Twenty Ten, Twenty Eleven, Max Magazine, Graduate, Lawyer theme, Spacious, Suits and more.
26
-
27
- My Sticky Menu is tested and compatible with Elementor website builder, Divi, WPBakery, Gutenberg, Visual composer, Beaver and other WordPress website builders.
28
-
29
- = WITH MY STICKY MENU YOU CAN: =
30
- * Show sticky header on scroll down/up
31
- * Fade or slide effect
32
- * Disable at small screen
33
- * Choose when to make visible on scroll
34
- * Change the background color
35
- * Change the opacity
36
- * Change the sticky transition time
37
- * Define the z-index of the sticky header
38
-
39
- = WHAT DO YOU GET IN THE PRO PLAN =
40
- * Disable floating menu on Desktop/Mobile
41
- * Disable floating menu on scroll down
42
- * Add CSS style to the floating header
43
- * Disable floating header on specific pages
44
- <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu pro plans"><strong>>>> See Pro plans here</strong></a>
45
-
46
- = Live Demo =
47
- A live demo for myStickymenu plugin is available at <a href="https://demo.premio.io/mystickymenu/?utm_source=wordpressorg" target="_blank" title="Premio.io demo site">Premio's demo site</a>.
48
-
49
- = Testimonials =
50
-
51
- > "Works great.
52
- One of the key element that i consider when choosing a theme is the sticky menu option. If the theme doesn't have it normally I don't use it. But now that’s not a problem for me anymore."<br><br>
53
-
54
- > "This plugin rocks!
55
- This plugin does exactly what it should. It is simple but powerful. I would suggest to anyone who wants to make their navigation menu sticky! I especially love the hide header on scroll down, show on scroll up feature that is built it. Great work!<br>
56
-
57
-
58
- == Installation ==
59
- Install like any other plugin. After install activate.
60
- Go to Settings / myStickymenu and change Sticky Class to .your_navbar_class or #your_navbar_id . Sticky Class should be HTML id or class of the HTML element desired to be sticky Clear WordPress cache if exists.
61
-
62
- For example:
63
-
64
- Celestial-Lite (sticky header)
65
- ** Sticky Class => #branding
66
- ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .myfixed #site-navigation { margin-top:0px!important; } .myfixed #logo img {width: 200px;}
67
-
68
- Church Theme
69
- ** Sticky Class => #menu-hauptnavi
70
-
71
- Customizr Theme
72
- ** Sticky Class => .row-fluid (for header) or .nav (for menu)
73
-
74
- CyberChimps
75
- ** Sticky Class => .navbar-inner
76
-
77
- Decode
78
- ** Sticky Class => .header-menu
79
- ** Make visible when Scrolled after => 370
80
- ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; padding-top:5px; padding-bottom:5px; }
81
-
82
- Genesis / Dynamik Theme
83
- ** Sticky Class(sticky header) =>.site-header
84
- ** Sticky Class(sticky menu) =>.nav-primary
85
-
86
- Graduate
87
- ** Sticky Class => .main-navigation
88
-
89
- Graphene
90
- ** Sticky Class => #header-menu-wrap
91
-
92
- Illdy
93
- ** Sticky Class => .top-header
94
- ** Disable at Small Screen Sizes => 993
95
-
96
- Illdy (mobile support)
97
- ** Sticky Class => .header-blog
98
- ** CSS Style => #mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; } .myfixed .bottom-header {display:none;}
99
-
100
- Lawyer theme
101
- ** Sticky Class => .wrapper
102
- ** .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .myfixed { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; } .wrapfixed { -webkit-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); -moz-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); } .myfixed .logo img { max-height: 45px; } .myfixed .quick-info { display: none; } .myfixed .mainmenu { margin: 0px } .myfixed .mainmenu { padding-top: 7px; }
103
-
104
- Max Magazine
105
- ** Sticky Class => #nav
106
- ** Make visible when Scrolled after => 250
107
- ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } #nav { min-height:40px!important; }
108
-
109
- Naturo Lite
110
- ** Sticky Class => .header-inner
111
-
112
- Nirvana Template
113
- ** Sticky Class => #access
114
-
115
- OceanWP
116
- ** Sticky Class => #site-header
117
-
118
- Responsive
119
- ** Sticky Class => .main-nav
120
- ** Make visible when Scrolled after => 250
121
- ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; max-width:100%!important;} .myfixed .menu { background:none!important;}
122
-
123
- Spacious
124
- ** Sticky Class => #masthead (sticky header)
125
- ** Make visible when Scrolled after => 250
126
- ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; max-width:100%!important;} .myfixed #site-description { display:none;} .myfixed #site-title a { font-size: 24px; } .myfixed #header-text { padding:0px!important;} .myfixed .main-navigation { padding-top: 0px!important; }
127
-
128
- Storefront
129
- ** Sticky Class => .main-navigation
130
-
131
- Suits
132
- ** Sticky Class => .navbar
133
-
134
- Tempera Template
135
- ** Sticky Class => .menu
136
-
137
- Travelify
138
- ** Sticky Class => #main-nav
139
-
140
- Twenty Sixteen
141
- ** Sticky Class => .site-header-main
142
-
143
- Twenty Ten
144
- ** Sticky Class => .menu
145
- ** Make visible when Scrolled after => 370
146
- ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .menu {min-height:38px;}
147
-
148
- Twenty Eleven
149
- ** Sticky Class => #access
150
- ** Make visible when Scrolled after => 600
151
- ** .myfixed css class => .myfixed { float:none!important; max-width:100%;}
152
- .myfixed .menu { background-color:none; float:left; }
153
- .myfixed div { margin: 0px!important ; padding: 0px 7.6%; }
154
-
155
- Twenty Eleven (add search to sticky menu bar)
156
- ** Sticky Class => #branding
157
- ** Make visible when Scrolled after => 600
158
- ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .myfixed a {display:none;} #mysticky-wrap {min-height:500px;} .myfixed #site-title, .myfixed #site-description{display:none;} .myfixed #access { margin: 0px auto 0px; } .myfixed #searchform { top: 0.3em!important; }
159
-
160
- Twenty Twelve
161
- ** Sticky Class => .nav-menu
162
- ** Make visible when Scrolled after => 250
163
-
164
- Twenty Thirteen (sticky header – add your own custom logo image and edit to suite your needs)
165
- ** Sticky Class => #masthead
166
- ** .myfixed css class => .myfixed { margin:0 auto; max-width:1070px; width:100%!important;} .myfixed .search-form, .myfixed .site-description, .myfixed .site-title { display:none;} .myfixed .home-link { max-width: 55px; min-height: 38px; margin-left:20px; float:left; background-image: url('logo.png'); } .myfixed .navbar { max-width:645px; float:right;} .wrapfixed .navbar { background-color: transparent; } .wrapfixed ul { padding-right:0px; }
167
-
168
- Webnus netStudio theme
169
- ** Sticky Class =>.nav-wrap2
170
-
171
- Weblizar
172
- ** Sticky Class => .row
173
-
174
- Wrock Metro Theme (entire header)
175
- ** Sticky Class =>#navigation
176
-
177
-
178
- == Frequently Asked Questions ==
179
-
180
- = How to find Sticky Class, what should I enter here? =
181
- So this depends on what you want to make sticky and what theme do you use, but for example if you want your menu to be sticky, than you can examine the code (in firefox right click and “View page source”) and find HTML element in which your menu is situated. This element have some class or id, and that’s the Sticky Class we need. If using class than don’t forget to ad dot (.) in front of class name, or hash (#) in front of id. Twenty Thirteen default working class is ".navbar" without of quotes.
182
-
183
- = Is there any way to restrict the width to the width of the header, rather than it being full width? =
184
- Yes, just leave "Sticky Background Color" field blank (clear). Than if needed define custom background color for sticky header inside ".myfixed css class" field using .myfixed class.
185
-
186
- = Ho do I add small logo to the menu? =
187
- That will depend on a theme you use, but if initially your menu and logo are in one div than you can use that div class or id in myStickymenu settings.
188
-
189
- If not you can change that in your header template file and add logo and menu divs inside new div with some custom class or id, than use that class or id in myStickymenu settings as a sticky class.
190
-
191
- In CSS you can style your custom class while not sticky using custom class you added before. Furthermore you can style your menu while sticky using .myfixed class which is added by js to your custom class while sticky is active.
192
-
193
- In some cases you can use the whole header div and than just style it different with .myfixed class, hide what you don’t need using CSS display:none; property, and position logo and menu as you like.
194
-
195
- = Is there a time limit for the free plan? =
196
- No. you can use the free plan as long as you want.
197
-
198
- = Can I use My Sticky Menu plugin on more than 1 domain? =
199
- There 2 ways to do it:
200
- 1. You can install the free Sticky Menu plugin plugin on any website you want
201
- 2. You can buy the Pro plan that includes licenses for 5 domains, or the Agency plan that includes licenses for 20 domains.
202
- Check out our <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu plans page">plans page</a>.
203
-
204
- = How long is my paid Sticky Menu plugin plugin license valid for? =
205
- Once you purchase any <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu plans page">paid plan</a> of my sticky menu, you can use it forever. Support and updates are available for 1 year. You can renew your license each year to get another year of support and updates.
206
-
207
- = Will Sticky Menu plugin stop working if I don’t renew my license? =
208
- Of course NOT! 🙂
209
- Your Sticky Menu plugin plugin and all your settings will continue to work as before; however, you will no longer receive plugin updates including feature additions, improvements, and support.
210
-
211
- = How do I activate my pro plan? =
212
- Just follow our <a href="https://premio.io/wordpress-premio-pro-version-installation-guide/" target="_blank" title="WordPress installation guide">pro installation guide</a>.
213
-
214
- = Is there a live demo formyStickymenu =
215
- A live demo for myStickymenu plugin is available at <a href="https://demo.premio.io/mystickymenu/?utm_source=wordpressorg" target="_blank" title="Premio.io demo site">Premio's demo site</a>.
216
-
217
- == Screenshots ==
218
-
219
- 1. You can choose your current menu from the dropdown or enter it ID or class manually
220
- 2. Add you custom CSS
221
- 3. This is how myStickymenu will actually look on your site
222
-
223
-
224
- == Changelog ==
225
- = 2.1.8 =
226
- Upgrade page update
227
- = 2.1.7 =
228
- Fixed undefined indexes
229
- = 2.1.6 =
230
- Saving issue bug fixed
231
- = 2.1.5 =
232
- Security update
233
- = 2.1.4 =
234
- Fixed some page builders issues
235
- = 2.1.3 =
236
- Fixed variable output warnings bugs
237
- = 2.1.2 =
238
- Upgrade page change
239
- = 2.1.1 =
240
- * Added a testimonial
241
- = 2.1 =
242
- * New and easy UI, you can now select your menu from a dropdown
243
- = 2.0.6 =
244
- * Fixed: Enable / Disable at 404 page
245
- = 2.0.5 =
246
- * Added: Admin settings sidebar right
247
- * Added: Admin separated js script
248
- * Added: Admin separated css script
249
- = 2.0.4 =
250
- * Added: Hide for large screens
251
- = 2.0.3 =
252
- * Fixed: Missing bg color field
253
- = 2.0.1 =
254
- * Fixed: If user logged in but admin bar is not showing (error to calculate activation height)
255
- * Fixed: Admin style conflict with Scripts n Styles plugin
256
-
257
- = 2.0 =
258
- * Added: If Make visible on Scroll is set to 0 automatic activation and deactivation scroll height will be used (useful for responsive designs).
259
- * Added: Tabs for settings.
260
- * Added: option to disable on scroll down (show only on scroll up).
261
- * Added: Class .up and .down on scroll up or down.
262
- * Added: Reset to default settings.
263
- * Added: remove myStickymenu settings on plugin uninstall.
264
- * Added: index.php to plugin root to prevent directory browsing.
265
- * Fixed: If sticky menu class does not exist (null or undefined), it will show console log instead of error.
266
- * Fixed: slide effect now slides on deactivate as well.
267
- * Fixed: admin bar overlap for screens less than 600 px wide.
268
-
269
-
270
-
271
- = 1.9.1 =
272
- * Changed: admin bar is fixed as default, and menu goes under it.
273
-
274
- = 1.9 =
275
- * Fixed: enable / disable for search pages.
276
-
277
- = 1.8.9 =
278
- * Added: New option - Disable at certain posts and pages.
279
-
280
- = 1.8.8 =
281
- * Fixed: removed esc_attr for echo css, since input is already sanitized.
282
-
283
- = 1.8.7 =
284
- * Fixed: minor bug when browser resized.
285
-
286
- = 1.8.6 =
287
- * Fixed: minor bug.
288
-
289
- = 1.8.5 =
290
- * Improved: Improved performance and optimized scripts.
291
-
292
- = 1.8.4 =
293
- * Fixed: changed is_home() to is_front_page() for menu activation height on front page.
294
-
295
- = 1.8.3 =
296
- * Change: minor cosmetic changes…
297
-
298
- = 1.8.2 =
299
- * Fixed: js load on https
300
-
301
- = 1.8.1 =
302
- * Added: “Disable CSS“. If you plan to add style manually to your style.css in order to improve your site performance disable plugin CSS style printed by default in document head element.
303
- * Minimized mystickymenu.js to improve performance.
304
-
305
- = 1.8 =
306
- * Added: "Make visible when scrolled on Homepage" after number of pixels. Now it’s possible to have one activation height for home page and another for the rest of the pages.
307
- * Added German language
308
-
309
- = 1.7 =
310
- * Added multi language support (localization).
311
- * Added languages - English (default), Spanish, Serbian and Croatian.
312
- * Added Iris color picker script.
313
- * Fixed jumping of page on scroll while menu is activated (height is defined before scroll event).
314
- * mystickymenu.js moved to js folder
315
-
316
- = 1.6 =
317
- * Added: "Make visible when scroled" after number of pixels option.
318
- * Fixed opacity 100 bug.
319
-
320
- = 1.5 =
321
- * Added option to enter exact width in px when sticky menu should be disabled "Disable at Small Screen Sizes".
322
- * Added “.myfixed css class” setting field – edit .myfixed css style via plugin settings to create custom style.
323
- * Fixed google adsense clash and undefined index notice.
324
- * is_user_logged_in instead of old “Remove CSS Rules for Static Admin Bar while Sticky” option
325
-
326
- = 1.4 =
327
- * Added fade in or slide down effect settings field for sticky class.
328
- * Added new wrapped div around selected sticky class with id mysticky_wrap which should make menu works smoother and extend theme support.
329
-
330
- = 1.3 =
331
- * Added "block direct access" to the mystickymenu plugin file (for security sake).
332
- * Added Enable / Disable at small screen sizes and Remove not necessary css for all themes without admin bar on front page.
333
- * Added “margin-top :0px” to .myfixed class in head which should extend theme support.
334
-
335
- = 1.2 =
336
- * Fixed mystickymenu.js for IE browsers, so myStickymenu is now compatible with IE 10, 11
337
-
338
- = 1.1 =
339
- * Added administration options, now available through Dashboard / Settings / myStickymenu. Options are as follows: Sticky Class, Sticky z-index, Sticky Width, Sticky Background Color, Sticky Opacity, Sticky Transition Time.
340
- * Old mystickymenu.css file is deprecated and not in use anymore.
341
-
342
- = 1.0 =
343
- * First release of myStickymenu plugin
344
-
345
- == Upgrade Notice ==
346
-
347
- = 1.8.4 =
348
- * Fixed: changed is_home() to is_front_page() for menu activation height on front page.
349
-
350
- = 1.8.3 =
351
- * Change: minor cosmetic changes…
352
-
353
- = 1.8.2 =
354
- * Fixed: js load on https
355
-
356
- = 1.8.1 =
357
- * Added: “Disable CSS“. If you plan to add style manually to your style.css in order to improve your site performance disable plugin CSS style printed by default in document head element.
358
- * Minimized mystickymenu.js to improve performance.
359
-
360
- = 1.8 =
361
- * Added: "Make visible when scrolled on Homepage" after number of pixels. Now it’s possible to have one activation height for home page and another for the rest of the pages.
362
-
363
- = 1.7 =
364
- * Added multi language support (localization).
365
- * Added Iris color picker script.
366
- * Fixed jumping of page on scroll while menu is activated (height defined before scroll event).
367
- * mystickymenu.js moved to js folder
368
-
369
- = 1.6 =
370
- * After plugin update go to mystickymenu plugin settings and save changes with desired value for a new parameters. Clear cache if some cache system used on your site.
371
- * Added: “Make visible when scroled” after number of pixels option.
372
- * Fixed opacity 100 bug.
373
-
374
- = 1.5 =
375
- * Added option to enter exact width in px when sticky menu should be disabled "Disable at Small Screen Sizes".
376
- * Added “.myfixed css class” setting field – edit .myfixed css style via plugin settings to create custom style.
377
- * Fixed google adsense clash and undefined index notice.
378
- * is_user_logged_in instead of old "Remove CSS Rules for Static Admin Bar while Sticky" option
379
-
380
- = 1.4 =
381
- * Added fade in or slide down effect settings field for sticky class.
382
- * Added new wrapped div around selected sticky class with id mysticky_wrap.
383
-
384
- = 1.3 =
385
- * Added "block direct access" to the mystickymenu plugin file.
386
- * Added Enable / Disable at small screen sizes and Remove not necessary css.
387
- * Added "margin-top :0px" to .myfixed class in head which should extend theme support.
388
-
389
- = 1.2 =
390
- * Fixed mystickymenu.js for IE browsers, so myStickymenu is now compatible with IE 10, 11
391
-
392
- = 1.1 =
393
- * Added administration options, now available through Dashboard / Settings / myStickymenu. Options are as follows: Sticky Class, Sticky z-index, Sticky Width, Sticky Background Color, Sticky Opacity, Sticky Transition Time.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
394
  * Old mystickymenu.css file is deprecated and not in use anymore.
1
+ ===Sticky Menu on Scroll, Sticky Header, Sticky Welcome Bar for Any Theme - myStickymenu===
2
+ Contributors: tomeraharon, galdub, premio
3
+ Tags:menu, header, sticky menu, sticky header, floating menu, floating navigation menu, navigation menu, navigation, sticky navigation menu, welcome bar, hello bar, top bar, sticky bar, floating bar
4
+ Requires at least: 3.5.1
5
+ Tested up to: 5.2
6
+ Stable tag: 2.2
7
+ License: GPLv2 or later
8
+
9
+ This sticky menu plugin will make your menu or header stick to the top of page, when scrolled down and up. Also create a beautiful Welcome bar with it.
10
+
11
+ == Description ==
12
+ <strong>This sticky menu plugin will make your menu or header sticky on top of page, after desired number of pixels when scrolled. You can use it also to create a Welcome bar for announcements, promotion and more. This lightweight plugin will help your visitors navigate easily and reach to the navigation menu without wasting time. Install My Sticky Menu and improve your website’s user experience! If you want to change the CSS style, disable on scroll down or disable on specific pages. check out the <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu pro plans">Pro version</a>.</strong>
13
+
14
+ By default, sticky menu is designed to use element class ".navbar" as "Sticky Class". That value should be modified in plugin settings for different themes to make it work. Sticky Class is actually nothing more than an element class (or id) of the element that should become sticky.
15
+
16
+ <strong>📢 New feature:</strong> Welcome Bar. Use this powerful feature to create a beautiful floating sticky bar. No coding skill required, just turn it on, set up your announcement text and button, and voilà - your top bar is good to go!
17
+
18
+ With more than 60,000+ active installs and around 100 five-stars reviews, you can be sure that My Sticky Menu plugin is the right fit for your website.
19
+
20
+ = BENEFITS =
21
+ * Improve user experience by letting your visitors access the navigation menu and navigate to the pages they want when they want to.
22
+ * Make your website look more modern with sticky menu on desktop and mobile.
23
+ * Increase number of pageviews and
24
+ * Create your own floating Welcome Bar and let your visitors know about your latest deals, announcements or any other important information
25
+
26
+ The sticky header function is localized (multi language support) and responsive (as far as your theme is). Also there is possibility to add custom css code which make this plugin very flexible, customizable and user friendly.
27
+
28
+ My Sticky Menu plugin is originally designed for Twenty Thirteen template but should work on any theme, like: OceanWP, Nirvana Template, Travelify, Twenty Sixteen, Twenty Ten, Twenty Eleven, Max Magazine, Graduate, Lawyer theme, Spacious, Suits and more.
29
+
30
+ My Sticky Menu is tested and compatible with Elementor website builder, Divi, WPBakery, Gutenberg, Visual composer, Beaver and other WordPress website builders.
31
+
32
+ = WITH MY STICKY MENU YOU CAN: =
33
+ * Show sticky header on scroll down/up
34
+ * Fade or slide effect
35
+ * Disable at small screen
36
+ * Choose when to make visible on scroll
37
+ * Change the background color
38
+ * Change the opacity
39
+ * Change the sticky transition time
40
+ * Define the z-index of the sticky header
41
+
42
+ = WITH WELCOME BAR FEATURE YOU CAN: =
43
+ * Display your floating bar at top position
44
+ * Change the background and button colors for your hello bar
45
+ * Change font size and font family
46
+ * Set your own text and call-to-action button text
47
+ * Show the closing X on desktop/mobile
48
+ * Show the call-to-action button in your top bar on desktop/mobile
49
+ * Redirect your visitors to another URL on-click
50
+
51
+ = WHAT DO YOU GET IN THE PRO PLAN =
52
+ * Disable floating menu on Desktop/Mobile
53
+ * Disable floating menu on scroll down
54
+ * Add CSS style to the floating header
55
+ * Disable floating header on specific pages
56
+
57
+ <strong>Welcome Bar Pro Features</strong>
58
+ * Remove the Get Bar credit
59
+ * Display your floating bar at bottom position
60
+ * Change the height of the sticky bar
61
+ * Open redirect link in a new tab
62
+ * Show your bar just on mobile or desktop
63
+ * Show your bar on scroll or after a few seconds
64
+ * Set an expiry date for your welcome bar
65
+ * Display your floating bar on specific pages
66
+
67
+ <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu pro plans"><strong>>>> See Pro plans here</strong></a>
68
+
69
+ = Live Demo =
70
+ A live demo for myStickymenu plugin is available at <a href="https://demo.premio.io/mystickymenu/?utm_source=wordpressorg" target="_blank" title="Premio.io demo site">Premio's demo site</a>.
71
+
72
+ = Testimonials =
73
+
74
+ > "Works great.
75
+ One of the key element that i consider when choosing a theme is the sticky menu option. If the theme doesn't have it normally I don't use it. But now that’s not a problem for me anymore."<br><br>
76
+
77
+ > "This plugin rocks!
78
+ This plugin does exactly what it should. It is simple but powerful. I would suggest to anyone who wants to make their navigation menu sticky! I especially love the hide header on scroll down, show on scroll up feature that is built it. Great work!<br>
79
+
80
+
81
+ == Installation ==
82
+ Install like any other plugin. After install activate.
83
+ Go to Settings / myStickymenu and change Sticky Class to .your_navbar_class or #your_navbar_id . Sticky Class should be HTML id or class of the HTML element desired to be sticky Clear WordPress cache if exists.
84
+
85
+ For example:
86
+
87
+ Celestial-Lite (sticky header)
88
+ ** Sticky Class => #branding
89
+ ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .myfixed #site-navigation { margin-top:0px!important; } .myfixed #logo img {width: 200px;}
90
+
91
+ Church Theme
92
+ ** Sticky Class => #menu-hauptnavi
93
+
94
+ Customizr Theme
95
+ ** Sticky Class => .row-fluid (for header) or .nav (for menu)
96
+
97
+ CyberChimps
98
+ ** Sticky Class => .navbar-inner
99
+
100
+ Decode
101
+ ** Sticky Class => .header-menu
102
+ ** Make visible when Scrolled after => 370
103
+ ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; padding-top:5px; padding-bottom:5px; }
104
+
105
+ Genesis / Dynamik Theme
106
+ ** Sticky Class(sticky header) =>.site-header
107
+ ** Sticky Class(sticky menu) =>.nav-primary
108
+
109
+ Graduate
110
+ ** Sticky Class => .main-navigation
111
+
112
+ Graphene
113
+ ** Sticky Class => #header-menu-wrap
114
+
115
+ Illdy
116
+ ** Sticky Class => .top-header
117
+ ** Disable at Small Screen Sizes => 993
118
+
119
+ Illdy (mobile support)
120
+ ** Sticky Class => .header-blog
121
+ ** CSS Style => #mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; } .myfixed .bottom-header {display:none;}
122
+
123
+ Lawyer theme
124
+ ** Sticky Class => .wrapper
125
+ ** .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .myfixed { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; } .wrapfixed { -webkit-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); -moz-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); } .myfixed .logo img { max-height: 45px; } .myfixed .quick-info { display: none; } .myfixed .mainmenu { margin: 0px } .myfixed .mainmenu { padding-top: 7px; }
126
+
127
+ Max Magazine
128
+ ** Sticky Class => #nav
129
+ ** Make visible when Scrolled after => 250
130
+ ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } #nav { min-height:40px!important; }
131
+
132
+ Naturo Lite
133
+ ** Sticky Class => .header-inner
134
+
135
+ Nirvana Template
136
+ ** Sticky Class => #access
137
+
138
+ OceanWP
139
+ ** Sticky Class => #site-header
140
+
141
+ Responsive
142
+ ** Sticky Class => .main-nav
143
+ ** Make visible when Scrolled after => 250
144
+ ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; max-width:100%!important;} .myfixed .menu { background:none!important;}
145
+
146
+ Spacious
147
+ ** Sticky Class => #masthead (sticky header)
148
+ ** Make visible when Scrolled after => 250
149
+ ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; max-width:100%!important;} .myfixed #site-description { display:none;} .myfixed #site-title a { font-size: 24px; } .myfixed #header-text { padding:0px!important;} .myfixed .main-navigation { padding-top: 0px!important; }
150
+
151
+ Storefront
152
+ ** Sticky Class => .main-navigation
153
+
154
+ Suits
155
+ ** Sticky Class => .navbar
156
+
157
+ Tempera Template
158
+ ** Sticky Class => .menu
159
+
160
+ Travelify
161
+ ** Sticky Class => #main-nav
162
+
163
+ Twenty Sixteen
164
+ ** Sticky Class => .site-header-main
165
+
166
+ Twenty Ten
167
+ ** Sticky Class => .menu
168
+ ** Make visible when Scrolled after => 370
169
+ ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .menu {min-height:38px;}
170
+
171
+ Twenty Eleven
172
+ ** Sticky Class => #access
173
+ ** Make visible when Scrolled after => 600
174
+ ** .myfixed css class => .myfixed { float:none!important; max-width:100%;}
175
+ .myfixed .menu { background-color:none; float:left; }
176
+ .myfixed div { margin: 0px!important ; padding: 0px 7.6%; }
177
+
178
+ Twenty Eleven (add search to sticky menu bar)
179
+ ** Sticky Class => #branding
180
+ ** Make visible when Scrolled after => 600
181
+ ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .myfixed a {display:none;} #mysticky-wrap {min-height:500px;} .myfixed #site-title, .myfixed #site-description{display:none;} .myfixed #access { margin: 0px auto 0px; } .myfixed #searchform { top: 0.3em!important; }
182
+
183
+ Twenty Twelve
184
+ ** Sticky Class => .nav-menu
185
+ ** Make visible when Scrolled after => 250
186
+
187
+ Twenty Thirteen (sticky header add your own custom logo image and edit to suite your needs)
188
+ ** Sticky Class => #masthead
189
+ ** .myfixed css class => .myfixed { margin:0 auto; max-width:1070px; width:100%!important;} .myfixed .search-form, .myfixed .site-description, .myfixed .site-title { display:none;} .myfixed .home-link { max-width: 55px; min-height: 38px; margin-left:20px; float:left; background-image: url('logo.png'); } .myfixed .navbar { max-width:645px; float:right;} .wrapfixed .navbar { background-color: transparent; } .wrapfixed ul { padding-right:0px; }
190
+
191
+ Webnus netStudio theme
192
+ ** Sticky Class =>.nav-wrap2
193
+
194
+ Weblizar
195
+ ** Sticky Class => .row
196
+
197
+ Wrock Metro Theme (entire header)
198
+ ** Sticky Class =>#navigation
199
+
200
+
201
+ == Frequently Asked Questions ==
202
+
203
+ = How to find Sticky Class, what should I enter here? =
204
+ So this depends on what you want to make sticky and what theme do you use, but for example if you want your menu to be sticky, than you can examine the code (in firefox right click and “View page source”) and find HTML element in which your menu is situated. This element have some class or id, and that’s the Sticky Class we need. If using class than don’t forget to ad dot (.) in front of class name, or hash (#) in front of id. Twenty Thirteen default working class is ".navbar" without of quotes.
205
+
206
+ = Is there any way to restrict the width to the width of the header, rather than it being full width? =
207
+ Yes, just leave "Sticky Background Color" field blank (clear). Than if needed define custom background color for sticky header inside ".myfixed css class" field using .myfixed class.
208
+
209
+ = Ho do I add small logo to the menu? =
210
+ That will depend on a theme you use, but if initially your menu and logo are in one div than you can use that div class or id in myStickymenu settings.
211
+
212
+ If not you can change that in your header template file and add logo and menu divs inside new div with some custom class or id, than use that class or id in myStickymenu settings as a sticky class.
213
+
214
+ In CSS you can style your custom class while not sticky using custom class you added before. Furthermore you can style your menu while sticky using .myfixed class which is added by js to your custom class while sticky is active.
215
+
216
+ In some cases you can use the whole header div and than just style it different with .myfixed class, hide what you don’t need using CSS display:none; property, and position logo and menu as you like.
217
+
218
+ = Is there a time limit for the free plan? =
219
+ No. you can use the free plan as long as you want.
220
+
221
+ = Can I use My Sticky Menu plugin on more than 1 domain? =
222
+ There 2 ways to do it:
223
+ 1. You can install the free Sticky Menu plugin plugin on any website you want
224
+ 2. You can buy the Pro plan that includes licenses for 5 domains, or the Agency plan that includes licenses for 20 domains.
225
+ Check out our <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu plans page">plans page</a>.
226
+
227
+ = How long is my paid Sticky Menu plugin plugin license valid for? =
228
+ Once you purchase any <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu plans page">paid plan</a> of my sticky menu, you can use it forever. Support and updates are available for 1 year. You can renew your license each year to get another year of support and updates.
229
+
230
+ = Will Sticky Menu plugin stop working if I don’t renew my license? =
231
+ Of course NOT! 🙂
232
+ Your Sticky Menu plugin plugin and all your settings will continue to work as before; however, you will no longer receive plugin updates including feature additions, improvements, and support.
233
+
234
+ = How do I activate my pro plan? =
235
+ Just follow our <a href="https://premio.io/wordpress-premio-pro-version-installation-guide/" target="_blank" title="WordPress installation guide">pro installation guide</a>.
236
+
237
+ = Is there a live demo formyStickymenu =
238
+ A live demo for myStickymenu plugin is available at <a href="https://demo.premio.io/mystickymenu/?utm_source=wordpressorg" target="_blank" title="Premio.io demo site">Premio's demo site</a>.
239
+
240
+ = How does the Welcome Bar feature work and do I have to enable it? =
241
+ After installing the plugin, you’ll have the option to turn on the welcome bar. You can create a floating bar that’ll appear on your site, and use it for promotion, announcements, and more. You don’t have to turn that feature on if you don’t want to :)
242
+
243
+ == Screenshots ==
244
+
245
+ 1. You can choose your current menu from the dropdown or enter it ID or class manually
246
+ 2. Add you custom CSS
247
+ 3. This is how myStickymenu will actually look on your site
248
+ 4. Design your welcome bar
249
+ 5. You can change the background text, call-to-action text, fonts, and colors
250
+ 6. Check out welcome bar in action
251
+
252
+
253
+ == Changelog ==
254
+ = 2.2 =
255
+ You can now add a welcome bar to your website
256
+ = 2.1.8 =
257
+ Upgrade page update
258
+ = 2.1.7 =
259
+ Fixed undefined indexes
260
+ = 2.1.6 =
261
+ Saving issue bug fixed
262
+ = 2.1.5 =
263
+ Security update
264
+ = 2.1.4 =
265
+ Fixed some page builders issues
266
+ = 2.1.3 =
267
+ Fixed variable output warnings bugs
268
+ = 2.1.2 =
269
+ Upgrade page change
270
+ = 2.1.1 =
271
+ * Added a testimonial
272
+ = 2.1 =
273
+ * New and easy UI, you can now select your menu from a dropdown
274
+ = 2.0.6 =
275
+ * Fixed: Enable / Disable at 404 page
276
+ = 2.0.5 =
277
+ * Added: Admin settings sidebar right
278
+ * Added: Admin separated js script
279
+ * Added: Admin separated css script
280
+ = 2.0.4 =
281
+ * Added: Hide for large screens
282
+ = 2.0.3 =
283
+ * Fixed: Missing bg color field
284
+ = 2.0.1 =
285
+ * Fixed: If user logged in but admin bar is not showing (error to calculate activation height)
286
+ * Fixed: Admin style conflict with Scripts n Styles plugin
287
+
288
+ = 2.0 =
289
+ * Added: If Make visible on Scroll is set to 0 automatic activation and deactivation scroll height will be used (useful for responsive designs).
290
+ * Added: Tabs for settings.
291
+ * Added: option to disable on scroll down (show only on scroll up).
292
+ * Added: Class .up and .down on scroll up or down.
293
+ * Added: Reset to default settings.
294
+ * Added: remove myStickymenu settings on plugin uninstall.
295
+ * Added: index.php to plugin root to prevent directory browsing.
296
+ * Fixed: If sticky menu class does not exist (null or undefined), it will show console log instead of error.
297
+ * Fixed: slide effect now slides on deactivate as well.
298
+ * Fixed: admin bar overlap for screens less than 600 px wide.
299
+
300
+
301
+
302
+ = 1.9.1 =
303
+ * Changed: admin bar is fixed as default, and menu goes under it.
304
+
305
+ = 1.9 =
306
+ * Fixed: enable / disable for search pages.
307
+
308
+ = 1.8.9 =
309
+ * Added: New option - Disable at certain posts and pages.
310
+
311
+ = 1.8.8 =
312
+ * Fixed: removed esc_attr for echo css, since input is already sanitized.
313
+
314
+ = 1.8.7 =
315
+ * Fixed: minor bug when browser resized.
316
+
317
+ = 1.8.6 =
318
+ * Fixed: minor bug.
319
+
320
+ = 1.8.5 =
321
+ * Improved: Improved performance and optimized scripts.
322
+
323
+ = 1.8.4 =
324
+ * Fixed: changed is_home() to is_front_page() for menu activation height on front page.
325
+
326
+ = 1.8.3 =
327
+ * Change: minor cosmetic changes…
328
+
329
+ = 1.8.2 =
330
+ * Fixed: js load on https
331
+
332
+ = 1.8.1 =
333
+ * Added:Disable CSS“. If you plan to add style manually to your style.css in order to improve your site performance disable plugin CSS style printed by default in document head element.
334
+ * Minimized mystickymenu.js to improve performance.
335
+
336
+ = 1.8 =
337
+ * Added: "Make visible when scrolled on Homepage" after number of pixels. Now it’s possible to have one activation height for home page and another for the rest of the pages.
338
+ * Added German language
339
+
340
+ = 1.7 =
341
+ * Added multi language support (localization).
342
+ * Added languages - English (default), Spanish, Serbian and Croatian.
343
+ * Added Iris color picker script.
344
+ * Fixed jumping of page on scroll while menu is activated (height is defined before scroll event).
345
+ * mystickymenu.js moved to js folder
346
+
347
+ = 1.6 =
348
+ * Added: "Make visible when scroled" after number of pixels option.
349
+ * Fixed opacity 100 bug.
350
+
351
+ = 1.5 =
352
+ * Added option to enter exact width in px when sticky menu should be disabled "Disable at Small Screen Sizes".
353
+ * Added “.myfixed css class” setting field – edit .myfixed css style via plugin settings to create custom style.
354
+ * Fixed google adsense clash and undefined index notice.
355
+ * is_user_logged_in instead of old “Remove CSS Rules for Static Admin Bar while Sticky” option
356
+
357
+ = 1.4 =
358
+ * Added fade in or slide down effect settings field for sticky class.
359
+ * Added new wrapped div around selected sticky class with id mysticky_wrap which should make menu works smoother and extend theme support.
360
+
361
+ = 1.3 =
362
+ * Added "block direct access" to the mystickymenu plugin file (for security sake).
363
+ * Added Enable / Disable at small screen sizes and Remove not necessary css for all themes without admin bar on front page.
364
+ * Added “margin-top :0px” to .myfixed class in head which should extend theme support.
365
+
366
+ = 1.2 =
367
+ * Fixed mystickymenu.js for IE browsers, so myStickymenu is now compatible with IE 10, 11
368
+
369
+ = 1.1 =
370
+ * Added administration options, now available through Dashboard / Settings / myStickymenu. Options are as follows: Sticky Class, Sticky z-index, Sticky Width, Sticky Background Color, Sticky Opacity, Sticky Transition Time.
371
+ * Old mystickymenu.css file is deprecated and not in use anymore.
372
+
373
+ = 1.0 =
374
+ * First release of myStickymenu plugin
375
+
376
+ == Upgrade Notice ==
377
+
378
+ = 1.8.4 =
379
+ * Fixed: changed is_home() to is_front_page() for menu activation height on front page.
380
+
381
+ = 1.8.3 =
382
+ * Change: minor cosmetic changes…
383
+
384
+ = 1.8.2 =
385
+ * Fixed: js load on https
386
+
387
+ = 1.8.1 =
388
+ * Added: “Disable CSS“. If you plan to add style manually to your style.css in order to improve your site performance disable plugin CSS style printed by default in document head element.
389
+ * Minimized mystickymenu.js to improve performance.
390
+
391
+ = 1.8 =
392
+ * Added: "Make visible when scrolled on Homepage" after number of pixels. Now it’s possible to have one activation height for home page and another for the rest of the pages.
393
+
394
+ = 1.7 =
395
+ * Added multi language support (localization).
396
+ * Added Iris color picker script.
397
+ * Fixed jumping of page on scroll while menu is activated (height defined before scroll event).
398
+ * mystickymenu.js moved to js folder
399
+
400
+ = 1.6 =
401
+ * After plugin update go to mystickymenu plugin settings and save changes with desired value for a new parameters. Clear cache if some cache system used on your site.
402
+ * Added: “Make visible when scroled” after number of pixels option.
403
+ * Fixed opacity 100 bug.
404
+
405
+ = 1.5 =
406
+ * Added option to enter exact width in px when sticky menu should be disabled "Disable at Small Screen Sizes".
407
+ * Added “.myfixed css class” setting field – edit .myfixed css style via plugin settings to create custom style.
408
+ * Fixed google adsense clash and undefined index notice.
409
+ * is_user_logged_in instead of old "Remove CSS Rules for Static Admin Bar while Sticky" option
410
+
411
+ = 1.4 =
412
+ * Added fade in or slide down effect settings field for sticky class.
413
+ * Added new wrapped div around selected sticky class with id mysticky_wrap.
414
+
415
+ = 1.3 =
416
+ * Added "block direct access" to the mystickymenu plugin file.
417
+ * Added Enable / Disable at small screen sizes and Remove not necessary css.
418
+ * Added "margin-top :0px" to .myfixed class in head which should extend theme support.
419
+
420
+ = 1.2 =
421
+ * Fixed mystickymenu.js for IE browsers, so myStickymenu is now compatible with IE 10, 11
422
+
423
+ = 1.1 =
424
+ * Added administration options, now available through Dashboard / Settings / myStickymenu. Options are as follows: Sticky Class, Sticky z-index, Sticky Width, Sticky Background Color, Sticky Opacity, Sticky Transition Time.
425
  * Old mystickymenu.css file is deprecated and not in use anymore.
welcome-bar.php ADDED
@@ -0,0 +1,861 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ function mysticky_welcome_bar_backend() {
4
+ $nonce = wp_create_nonce('mysticky_option_welcomebar_update');
5
+ $nonce_reset = wp_create_nonce('mysticky_option_welcomebar_reset');
6
+
7
+ $welcomebar = get_option( 'mysticky_option_welcomebar' );
8
+ if ( $welcomebar == '' || empty($welcomebar)) {
9
+ $welcomebar = mysticky_welcomebar_pro_widget_default_fields();
10
+ }
11
+
12
+ $mysticky_welcomebar_showx_desktop = $mysticky_welcomebar_showx_mobile = '';
13
+ $mysticky_welcomebar_btn_desktop = $mysticky_welcomebar_btn_mobile = '';
14
+ $mysticky_welcomebar_display_desktop = $mysticky_welcomebar_display_mobile = '';
15
+ if( isset($welcomebar['mysticky_welcomebar_x_desktop']) ) {
16
+ $mysticky_welcomebar_showx_desktop = ' mysticky-welcomebar-showx-desktop';
17
+ }
18
+ if( isset($welcomebar['mysticky_welcomebar_x_mobile']) ) {
19
+ $mysticky_welcomebar_showx_mobile = ' mysticky-welcomebar-showx-mobile';
20
+ }
21
+ if( isset($welcomebar['mysticky_welcomebar_btn_desktop']) ) {
22
+ $mysticky_welcomebar_btn_desktop = ' mysticky-welcomebar-btn-desktop';
23
+ }
24
+ if( isset($welcomebar['mysticky_welcomebar_btn_mobile']) ) {
25
+ $mysticky_welcomebar_btn_mobile = ' mysticky-welcomebar-btn-mobile';
26
+ }
27
+ $display_main_class = "mysticky-welcomebar-position-" . $welcomebar['mysticky_welcomebar_position'] . $mysticky_welcomebar_showx_desktop . $mysticky_welcomebar_showx_mobile . $mysticky_welcomebar_btn_desktop . $mysticky_welcomebar_btn_mobile;
28
+ ?>
29
+ <form class="mysticky-welcomebar-form" id="mysticky_welcomebar_form" method="post" action="#">
30
+ <div class="mysticky-welcomebar-header-title">
31
+ <h3><?php _e('Welcome Bar', 'myStickymenu'); ?></h3>
32
+ <label for="mysticky-welcomebar-contact-form-enabled" class="mysticky-welcomebar-switch">
33
+ <input type="checkbox" id="mysticky-welcomebar-contact-form-enabled" name="mysticky_option_welcomebar[mysticky_welcomebar_enable]" value="1" <?php checked( @$welcomebar['mysticky_welcomebar_enable'], '1' );?> />
34
+ <span class="slider"></span>
35
+ </label>
36
+ </div>
37
+ <div class="mysticky-welcomebar-setting-wrap">
38
+ <div class="mysticky-welcomebar-setting-left">
39
+ <div class="mysticky-welcomebar-setting-block">
40
+ <div class="mysticky-welcomebar-subheader-title">
41
+ <h4><?php _e('Design', 'myStickymenu'); ?></h4>
42
+ </div>
43
+ <div class="mysticky-welcomebar-setting-content mysticky-welcomebar-setting-position">
44
+ <label><?php _e('Position', 'myStickymenu'); ?></label>
45
+ <div class="mysticky-welcomebar-setting-content-right">
46
+ <label>
47
+ <input name="mysticky_option_welcomebar[mysticky_welcomebar_position]" value= "top" type="radio" <?php checked( @$welcomebar['mysticky_welcomebar_position'], 'top' );?> />
48
+ <?php _e("Top", 'mystickymenu'); ?>
49
+ </label>
50
+ <label>
51
+ <input name="mysticky_option_welcomebar[mysticky_welcomebar_position]" value="bottom" type="radio" disabled />
52
+ <?php _e("Bottom", 'mystickymenu'); ?>
53
+ </label>
54
+ <span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="#" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
55
+ </div>
56
+ </div>
57
+ <div class="mysticky-welcomebar-setting-content">
58
+ <label><?php _e('Height', 'myStickymenu'); ?></label>
59
+ <div class="mysticky-welcomebar-setting-content-right">
60
+ <div class="px-wrap">
61
+ <input type="number" class="" min="0" step="1" id="mysticky_welcomebar_height" name="mysticky_option_welcomebar[mysticky_welcomebar_height]" value="60" disabled />
62
+ <span class="input-px">PX</span>
63
+ </div>
64
+ <span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="#" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
65
+ </div>
66
+ </div>
67
+ <div class="mysticky-welcomebar-setting-content">
68
+ <label><?php _e('Background Color', 'myStickymenu'); ?></label>
69
+ <div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-colorpicker">
70
+ <input type="text" id="mysticky_welcomebar_bgcolor" name="mysticky_option_welcomebar[mysticky_welcomebar_bgcolor]" class="my-color-field" value="<?php echo $welcomebar['mysticky_welcomebar_bgcolor'];?>" />
71
+ </div>
72
+ </div>
73
+ <div class="mysticky-welcomebar-setting-content">
74
+ <label><?php _e('Background Text Color', 'myStickymenu'); ?></label>
75
+ <div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-colorpicker">
76
+ <input type="text" id="mysticky_welcomebar_bgtxtcolor" name="mysticky_option_welcomebar[mysticky_welcomebar_bgtxtcolor]" class="my-color-field" value="<?php echo $welcomebar['mysticky_welcomebar_bgtxtcolor'];?>" />
77
+ </div>
78
+ </div>
79
+ <div class="mysticky-welcomebar-setting-content">
80
+ <label><?php _e('Font', 'myStickymenu'); ?></label>
81
+ <div class="mysticky-welcomebar-setting-content-right">
82
+ <select name="mysticky_option_welcomebar[mysticky_welcomebar_font]" class="form-fonts">
83
+ <option value=""><?php _e( 'Select font family', 'myStickymenu' );?></option>
84
+ <?php $group= ''; foreach( myStickymenu_fonts() as $key=>$value):
85
+ if ($value != $group){
86
+ echo '<optgroup label="' . $value . '">';
87
+ $group = $value;
88
+ }
89
+ ?>
90
+ <option value="<?php echo esc_attr($key);?>" <?php selected( @$welcomebar['mysticky_welcomebar_font'], $key ); ?>><?php echo esc_html($key);?></option>
91
+ <?php endforeach;?>
92
+ </select>
93
+ </div>
94
+ </div>
95
+ <div class="mysticky-welcomebar-setting-content">
96
+ <label><?php _e('Font Size', 'myStickymenu'); ?></label>
97
+ <div class="mysticky-welcomebar-setting-content-right">
98
+ <div class="px-wrap">
99
+ <input type="number" class="" min="0" step="1" id="mysticky_welcomebar_fontsize" name="mysticky_option_welcomebar[mysticky_welcomebar_fontsize]" value="<?php echo @$welcomebar['mysticky_welcomebar_fontsize'];?>" />
100
+ <span class="input-px">PX</span>
101
+ </div>
102
+ </div>
103
+ </div>
104
+ <div class="mysticky-welcomebar-setting-content">
105
+ <label><?php _e('Bar Text', 'myStickymenu'); ?></label>
106
+ <div class="mysticky-welcomebar-setting-content-right">
107
+ <input type="text" id="mysticky_bar_text" class="mystickyinput" name="mysticky_option_welcomebar[mysticky_welcomebar_bar_text]" value="<?php echo $welcomebar['mysticky_welcomebar_bar_text'];?>" />
108
+ </div>
109
+ </div>
110
+ <div class="mysticky-welcomebar-setting-content">
111
+ <label><?php _e('Show X', 'myStickymenu'); ?></label>
112
+ <div class="mysticky-welcomebar-setting-content-right">
113
+ <label>
114
+ <input name="mysticky_option_welcomebar[mysticky_welcomebar_x_desktop]" value= "desktop" type="checkbox" <?php checked( @$welcomebar['mysticky_welcomebar_x_desktop'], 'desktop' );?> />
115
+ <?php _e( 'Desktop', 'mystickymenu' );?>
116
+ </label>
117
+ <label>
118
+ <input name="mysticky_option_welcomebar[mysticky_welcomebar_x_mobile]" value= "mobile" type="checkbox" <?php checked( @$welcomebar['mysticky_welcomebar_x_mobile'], 'mobile' );?> />
119
+ <?php _e( 'Mobile', 'mystickymenu' );?>
120
+ </label>
121
+ </div>
122
+ </div>
123
+ </div>
124
+ <div class="mysticky-welcomebar-setting-block">
125
+ <div class="mysticky-welcomebar-subheader-title">
126
+ <h4><?php _e('Button', 'myStickymenu'); ?></h4>
127
+ </div>
128
+ <div class="mysticky-welcomebar-setting-content">
129
+ <label><?php _e('Button', 'myStickymenu'); ?></label>
130
+ <div class="mysticky-welcomebar-setting-content-right">
131
+ <label>
132
+ <input name="mysticky_option_welcomebar[mysticky_welcomebar_btn_desktop]" value= "desktop" type="checkbox" <?php checked( @$welcomebar['mysticky_welcomebar_btn_desktop'], 'desktop' );?> />
133
+ <?php _e( 'Desktop', 'mystickymenu' );?>
134
+ </label>
135
+ <label>
136
+ <input name="mysticky_option_welcomebar[mysticky_welcomebar_btn_mobile]" value= "mobile" type="checkbox"<?php checked( @$welcomebar['mysticky_welcomebar_btn_mobile'], 'mobile' );?> />
137
+ <?php _e( 'Mobile', 'mystickymenu' );?>
138
+ </label>
139
+ </div>
140
+ </div>
141
+ <div class="mysticky-welcomebar-setting-content">
142
+ <label><?php _e('Button Color', 'myStickymenu'); ?></label>
143
+ <div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-colorpicker">
144
+ <input type="text" id="mysticky_welcomebar_btncolor" name="mysticky_option_welcomebar[mysticky_welcomebar_btncolor]" class="my-color-field" value="<?php echo esc_attr($welcomebar['mysticky_welcomebar_btncolor']);?>" />
145
+ </div>
146
+ </div>
147
+ <div class="mysticky-welcomebar-setting-content">
148
+ <label><?php _e('Button Text Color', 'myStickymenu'); ?></label>
149
+ <div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-colorpicker">
150
+ <input type="text" id="mysticky_welcomebar_btntxtcolor" name="mysticky_option_welcomebar[mysticky_welcomebar_btntxtcolor]" class="my-color-field" value="<?php echo $welcomebar['mysticky_welcomebar_btntxtcolor'];?>" />
151
+ </div>
152
+ </div>
153
+ <div class="mysticky-welcomebar-setting-content">
154
+ <label><?php _e('Button Text', 'myStickymenu'); ?></label>
155
+ <div class="mysticky-welcomebar-setting-content-right">
156
+ <input type="text" id="mysticky_welcomebar_btn_text" class="mystickyinput" name="mysticky_option_welcomebar[mysticky_welcomebar_btn_text]" value="<?php echo $welcomebar['mysticky_welcomebar_btn_text'];?>" />
157
+ </div>
158
+ </div>
159
+ <div class="mysticky-welcomebar-setting-content">
160
+ <label><?php _e('Action', 'myStickymenu'); ?></label>
161
+ <div class="mysticky-welcomebar-setting-content-right mysticky-welcomebar-setting-redirect-wrap">
162
+ <div class="mysticky-welcomebar-setting-action">
163
+ <select name="mysticky_option_welcomebar[mysticky_welcomebar_actionselect]" class="mysticky-welcomebar-action">
164
+ <option value="redirect_to_url" <?php selected( @$welcomebar['mysticky_welcomebar_actionselect'], 'redirect_to_url' ); ?>><?php _e( 'Redirect to URL', 'myStickymenu' );?></option>
165
+ <option value="close_bar" <?php selected( @$welcomebar['mysticky_welcomebar_actionselect'], 'close_bar' ); ?>><?php _e( 'Close bar', 'myStickymenu' );?></option>
166
+ </select>
167
+ </div>
168
+ <div class="mysticky-welcomebar-setting-action mysticky-welcomebar-redirect" <?php if ( $welcomebar['mysticky_welcomebar_actionselect'] == 'close_bar' ) : ?> style="display:none;" <?php endif;?> >
169
+ <input type="text" id="mysticky_welcomebar_redirect" class="mystickyinput" name="mysticky_option_welcomebar[mysticky_welcomebar_redirect]" value="<?php echo esc_url($welcomebar['mysticky_welcomebar_redirect']);?>" placeholder="<?php echo esc_url("https://www.yourdomain.com"); ?>" />
170
+ </div>
171
+ <div class="mysticky-welcomebar-setting-newtab mysticky-welcomebar-redirect" <?php if ( $welcomebar['mysticky_welcomebar_actionselect'] == 'close_bar' ) : ?> style="display:none;" <?php endif;?> >
172
+ <label>
173
+ <input name="mysticky_option_welcomebar[mysticky_welcomebar_redirect_newtab]" value= "1" type="checkbox" disabled />
174
+ <?php _e( 'Open in a new tab', 'mystickymenu' );?>
175
+ </label>
176
+ <span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="#" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
177
+ </div>
178
+ </div>
179
+ </div>
180
+ <div class="mysticky-welcomebar-setting-content mysticky-welcomebar-setting-remove-getbar">
181
+ <label><?php _e('Remove Get Bar', 'myStickymenu'); ?></label>
182
+ <div class="mysticky-welcomebar-setting-content-right">
183
+ <div class="mysticky-welcomebar-switch">
184
+ <input type="checkbox" id="mysticky-welcomebar-remove-getbar" name="mysticky_option_welcomebar[mysticky_welcomebar_remove_getbar]" value="1" disabled />
185
+ <span class="slider"></span>
186
+ </div>
187
+ <span class="myStickymenu-upgrade"><a class="sticky-header-upgrade-now" href="#" target="_blank"><?php _e( 'Upgrade Now', 'mystickymenu' );?></a></span>
188
+ </div>
189
+ </div>
190
+ </div>
191
+ <div class="mysticky-welcomebar-setting-block">
192
+ <div class="mysticky-welcomebar-subheader-title">
193
+ <h4><?php _e('Display Rules', 'myStickymenu'); ?></h4>
194
+ </div>
195
+ <div class="mysticky-welcomebar-upgrade-main mysticky_device_upgrade">
196
+ <span class="myStickymenu-upgrade">
197
+ <a class="sticky-header-upgrade-now" href="#" target="_blank"><?php _e( ' Upgrade Now', 'mystickymenu' );?></a>
198
+ </span>
199
+ <div class="mysticky-welcomebar-setting-content">
200
+ <label><?php _e('Devices', 'myStickymenu'); ?></label>
201
+ <div class="mysticky-welcomebar-setting-content-right">
202
+ <label>
203
+ <input name="mysticky_option_welcomebar[mysticky_welcomebar_device_desktop]" value= "desktop" type="checkbox" checked disabled />
204
+ <?php _e( 'Desktop', 'mystickymenu' );?>
205
+ </label>
206
+ <label>
207
+ <input name="mysticky_option_welcomebar[mysticky_welcomebar_device_mobile]" value= "mobile" type="checkbox" checked disabled />
208
+ <?php _e( 'Mobile', 'mystickymenu' );?>
209
+ </label>
210
+ </div>
211
+ </div>
212
+ <div class="mysticky-welcomebar-setting-content">
213
+ <label><?php _e('Trigger', 'myStickymenu'); ?></label>
214
+ <div class="mysticky-welcomebar-setting-content-right">
215
+ <div class="mysticky-welcomebar-setting-action mysticky-welcomebar-trigger-wrap">
216
+ <label>
217
+ <input type="radio" name="mysticky_option_welcomebar[mysticky_welcomebar_trigger]" value="after_a_few_seconds" checked disabled />&nbsp;<?php _e( 'After a few seconds', 'myStickymenu' );?>
218
+ </label>
219
+ <label>
220
+ <input type="radio" name="mysticky_option_welcomebar[mysticky_welcomebar_trigger]" value="after_scroll" disabled />&nbsp;<?php _e( 'After Scroll', 'myStickymenu' );?>
221
+ </label>
222
+ </div>
223
+ <div class="mysticky-welcomebar-setting-action mysticky-welcomebar-triggersec">
224
+ <div class="px-wrap">
225
+ <input type="number" class="" min="0" step="1" id="mysticky_welcomebar_triggersec" name="mysticky_option_welcomebar[mysticky_welcomebar_triggersec]" value="0" disabled />
226
+ <span class="input-px"><?php echo ( isset($welcomebar['mysticky_welcomebar_trigger']) && $welcomebar['mysticky_welcomebar_trigger'] == 'after_scroll' ) ? '%' : 'Sec'; ?></span>
227
+ </div>
228
+ </div>
229
+ </div>
230
+ </div>
231
+ <div class="mysticky-welcomebar-setting-content">
232
+ <label><?php _e('Expiry date', 'myStickymenu'); ?></label>
233
+ <div class="mysticky-welcomebar-setting-content-right">
234
+ <div class="mysticky-welcomebar-expirydate">
235
+ <input type="text" id="mysticky_welcomebar_expirydate" name="mysticky_option_welcomebar[mysticky_welcomebar_expirydate]" placeholder="<?php _e('No expiry date', 'myStickymenu'); ?>" value="" disabled />
236
+ <span class="dashicons dashicons-calendar-alt"></span>
237
+ </div>
238
+ </div>
239
+ </div>
240
+ <div class="mysticky-welcomebar-setting-content show-on-apper">
241
+ <label><?php _e('Page targeting', 'myStickymenu'); ?></label>
242
+ <div class="mysticky-welcomebar-setting-content-right">
243
+ <a href="javascript:void(0);" class="create-rule" id="create-rule"><?php esc_html_e( "Add Rule", "mystickyelements" );?></a>
244
+ </div>
245
+ <div class="mysticky-welcomebar-page-options-html" style="display: none">
246
+ <div class="mysticky-welcomebar-page-option">
247
+ <div class="url-content">
248
+ <div class="mysticky-welcomebar-url-select">
249
+ <select name="mysticky_option_welcomebar[page_settings][__count__][shown_on]" id="url_shown_on___count___option" disabled>
250
+ <option value="show_on"><?php esc_html_e("Show on", "mysticky" );?></option>
251
+ <option value="not_show_on"><?php esc_html_e("Don't show on", "mysticky" );?></option>
252
+ </select>
253
+ </div>
254
+ <div class="mysticky-welcomebar-url-option">
255
+ <select class="mysticky-welcomebar-url-options" name="mysticky_option_welcomebar[page_settings][__count__][option]" id="url_rules___count___option" disabled>
256
+ <option selected="selected" disabled value=""><?php esc_html_e("Select Rule", "mysticky" );?></option>
257
+ </select>
258
+ </div>
259
+ <div class="mysticky-welcomebar-url-box">
260
+ <span class='mysticky-welcomebar-url'><?php echo site_url("/"); ?></span>
261
+ </div>
262
+ <div class="mysticky-welcomebar-url-values">
263
+ <input type="text" value="" name="mysticky_option_welcomebar[page_settings][__count__][value]" id="url_rules___count___value" disabled />
264
+ </div>
265
+ <div class="clear"></div>
266
+ </div>
267
+ </div>
268
+ </div>
269
+ </div>
270
+ <div class="mysticky-welcomebar-page-options mysticky-welcomebar-setting-content-right" id="mysticky-welcomebar-page-options"></div>
271
+ </div>
272
+ </div>
273
+ </div>
274
+ <div class="mysticky-welcomebar-setting-right">
275
+ <div class="mysticky-welcomebar-header-title">
276
+ <h3><?php _e('Preview', 'mystickyelements'); ?></h3>
277
+ </div>
278
+ <div class="mysticky-welcomebar-preview-screen">
279
+ <link href="https://fonts.googleapis.com/css?family=<?php echo $welcomebar['mysticky_welcomebar_font'] ?>:400,600,700|Lato:400,500,600,700" rel="stylesheet" type="text/css" class="sfba-google-font">
280
+ <div class="mysticky-welcomebar-fixed mysticky-welcomebar-display-desktop <?php echo $display_main_class; ?>" >
281
+ <div class="mysticky-welcomebar-content">
282
+ <p><?php echo isset($welcomebar['mysticky_welcomebar_bar_text'])?$welcomebar['mysticky_welcomebar_bar_text']:"Get 30% off your first purchase";?></p>
283
+ </div>
284
+ <div class="mysticky-welcomebar-btn">
285
+ <a href="#" ><?php echo isset($welcomebar['mysticky_welcomebar_btn_text']) ? $welcomebar['mysticky_welcomebar_btn_text'] : "Got it!";?></a>
286
+ </div>
287
+ <a href="javascript:void(0)" class="mysticky-welcomebar-close">X</a>
288
+ <a href="#" class="mysticky-welcomebar-getbar"><?php _e( 'Get Bar', 'mystickymenu' );?></a>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ </div>
293
+ <div class="mysticky-welcomebar-submit">
294
+ <input type="submit" name="submit" id="submit" class="button button-primary" value="<?php _e('Save', 'mystickymenu');?>">
295
+ </div>
296
+ <input type="hidden" name="nonce" value="<?php echo $nonce; ?>">
297
+ <input type="hidden" name="active_tab_element" value="1">
298
+ <input type="hidden" id="save_welcome_bar" name="save_welcome_bar" value="">
299
+
300
+ </form>
301
+ <form class="mysticky-welcomebar-form-reset" method="post" action="#">
302
+ <div class="mysticky-welcomebar-submit">
303
+ <input type="submit" name="mysticky_welcomebar_reset" id="reset" class="button button-secondary" value="<?php _e('Reset', 'mystickymenu');?>">
304
+ </div>
305
+ <input type="hidden" name="nonce_reset" value="<?php echo $nonce_reset; ?>">
306
+ <input type="hidden" name="active_tab_element" value="1">
307
+ </form>
308
+ <div id="mysticky-welcomebar-save-confirm" style="display:none;" title="<?php esc_attr_e( 'Welcome Bar is currently off', 'mystickymenu' ); ?>">
309
+ <p>
310
+ <?php _e('Your Welcome Bar is currently turned off, would you like to save and show it on your site?', 'mystickymenu' ); ?>
311
+ </p>
312
+ </div>
313
+ <style>
314
+ .mysticky-welcomebar-fixed {
315
+ height: 60px;
316
+ background-color: <?php echo $welcomebar['mysticky_welcomebar_bgcolor'] ?>;
317
+ font-family: <?php echo $welcomebar['mysticky_welcomebar_font'] ?>;
318
+ position: absolute;
319
+ left: 0;
320
+ right: 0;
321
+ display: none;
322
+ align-items: center;
323
+ justify-content: center;
324
+ padding: 20px 30px 20px 10px;
325
+ z-index: 9999999;
326
+ }
327
+ .mysticky-welcomebar-preview-mobile-screen .mysticky-welcomebar-fixed{
328
+ padding: 0 25px;
329
+ }
330
+ .mysticky-welcomebar-display-desktop.mysticky-welcomebar-fixed {
331
+ display: flex;
332
+ }
333
+ .mysticky-welcomebar-position-top {
334
+ top:0;
335
+ }
336
+ .mysticky-welcomebar-position-bottom {
337
+ bottom:0;
338
+ }
339
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-content p {
340
+ color: <?php echo $welcomebar['mysticky_welcomebar_bgtxtcolor'] ?>;
341
+ font-size: <?php echo $welcomebar['mysticky_welcomebar_fontsize'] ?>px;
342
+ font-family: inherit;
343
+ margin: 0;
344
+ padding: 0;
345
+ line-height: 1.2;
346
+ font-weight: 400;
347
+ }
348
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
349
+ padding-left: 30px;
350
+ display: none;
351
+ }
352
+ .mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn {
353
+ display: block;
354
+ }
355
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a {
356
+ background-color: <?php echo $welcomebar['mysticky_welcomebar_btncolor'] ?>;
357
+ font-family: inherit;
358
+ color: <?php echo $welcomebar['mysticky_welcomebar_btntxtcolor'] ?>;
359
+ border-radius: 4px;
360
+ text-decoration: none;
361
+ display: inline-block;
362
+ vertical-align: top;
363
+ line-height: 1.2;
364
+ font-size: <?php echo $welcomebar['mysticky_welcomebar_fontsize'] ?>px;
365
+ font-weight: 400;
366
+ padding: 5px 20px;
367
+ white-space: nowrap;
368
+ }
369
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a:hover {
370
+ /*opacity: 0.7;*/
371
+ -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
372
+ -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
373
+ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
374
+ }
375
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
376
+ display: none;
377
+ vertical-align: top;
378
+ width: 20px;
379
+ height: 20px;
380
+ text-align: center;
381
+ text-decoration: none;
382
+ line-height: 20px;
383
+ border-radius: 5px;
384
+ color: #000;
385
+ position: absolute;
386
+ font-family: Lato;
387
+ top: 5px;
388
+ right: 5px;
389
+ -webkit-transition: all 0.5s ease 0s;
390
+ -moz-transition: all 0.5s ease 0s;
391
+ transition: all 0.5s ease 0s;
392
+ -webkit-transform-origin: 50% 50%;
393
+ -moz-transform-origin: 50% 50%;
394
+ transform-origin: 50% 50%;
395
+ }
396
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
397
+ opacity: 0.5;
398
+ -webkit-transform: rotate(180deg);
399
+ -moz-transform: rotate(180deg);
400
+ transform: rotate(180deg);
401
+ }
402
+ .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
403
+ display: inline-block;
404
+ }
405
+ .mysticky-welcomebar-getbar:focus,
406
+ .mysticky-welcomebar-getbar:active,
407
+ .mysticky-welcomebar-getbar {
408
+ background-color: rgba(140,140,140,0.5) !important;
409
+ border-radius: 8px !important;
410
+ color: #FFFFFF !important;
411
+ position: absolute !important;
412
+ padding: 3px !important;
413
+ bottom: 3px !important;
414
+ left: 3px !important;
415
+ font-size: 10px !important;
416
+ line-height: 1.4 !important;
417
+ margin: 0 !important;
418
+ display: inline-block !important;
419
+ vertical-align: top !important;
420
+ font-family: Poppins !important;
421
+ text-decoration: none !important;
422
+ visibility: visible !important;
423
+ }
424
+ .mysticky-welcomebar-getbar:hover {
425
+ color: #000000 !important;
426
+ opacity: 0.5 !important;
427
+ }
428
+
429
+ @media only screen and (max-width: 1024px) {
430
+ .mysticky-welcomebar-fixed {
431
+ padding: 0 20px 0 10px;
432
+ }
433
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
434
+ width: 20px;
435
+ height: 20px;
436
+ line-height: 20px;
437
+ right: 0px;
438
+ }
439
+ }
440
+ </style>
441
+
442
+ <?php
443
+ }
444
+
445
+ function mysticky_welcomebar_pro_widget_default_fields() {
446
+ return array(
447
+ 'mysticky_welcomebar_position' => 'top',
448
+ 'mysticky_welcomebar_height' => '60',
449
+ 'mysticky_welcomebar_bgcolor' => '#03ed96',
450
+ 'mysticky_welcomebar_bgtxtcolor' => '#000000',
451
+ 'mysticky_welcomebar_font' => 'Poppins',
452
+ 'mysticky_welcomebar_fontsize' => '16',
453
+ 'mysticky_welcomebar_bar_text' => 'Get 30% off your first purchase',
454
+ 'mysticky_welcomebar_x_desktop' => 'desktop',
455
+ 'mysticky_welcomebar_x_mobile' => 'mobile',
456
+ 'mysticky_welcomebar_btn_desktop' => 'desktop',
457
+ 'mysticky_welcomebar_btn_mobile' => 'mobile',
458
+ 'mysticky_welcomebar_btncolor' => '#000000',
459
+ 'mysticky_welcomebar_btntxtcolor' => '#ffffff',
460
+ 'mysticky_welcomebar_btn_text' => 'Got it!',
461
+ 'mysticky_welcomebar_actionselect' => 'close_bar',
462
+ 'mysticky_welcomebar_redirect' => 'https://www.yourdomain.com',
463
+ 'mysticky_welcomebar_redirect_newtab' => '',
464
+ 'mysticky_welcomebar_device_desktop' => 'desktop',
465
+ 'mysticky_welcomebar_device_mobile' => 'mobile',
466
+ 'mysticky_welcomebar_trigger' => 'after_a_few_seconds',
467
+ 'mysticky_welcomebar_triggersec' => '0',
468
+ 'mysticky_welcomebar_expirydate' => '',
469
+ 'mysticky_welcomebar_page_settings' => '',
470
+ );
471
+ }
472
+
473
+ function mysticky_welcome_bar_frontend(){
474
+ $welcomebar = get_option( 'mysticky_option_welcomebar' );
475
+
476
+ if ( ( isset($welcomebar['mysticky_welcomebar_expirydate']) && $welcomebar['mysticky_welcomebar_expirydate'] !='' && strtotime( date('m/d/Y')) > strtotime($welcomebar['mysticky_welcomebar_expirydate']) ) || !isset($welcomebar['mysticky_welcomebar_enable'] ) ) {
477
+ return;
478
+ }
479
+ $mysticky_welcomebar_showx_desktop = $mysticky_welcomebar_showx_mobile = '';
480
+ $mysticky_welcomebar_btn_desktop = $mysticky_welcomebar_btn_mobile = '';
481
+ $mysticky_welcomebar_display_desktop = $mysticky_welcomebar_display_mobile = '';
482
+ if( isset($welcomebar['mysticky_welcomebar_x_desktop']) ) {
483
+ $mysticky_welcomebar_showx_desktop = ' mysticky-welcomebar-showx-desktop';
484
+ }
485
+ if( isset($welcomebar['mysticky_welcomebar_x_mobile']) ) {
486
+ $mysticky_welcomebar_showx_mobile = ' mysticky-welcomebar-showx-mobile';
487
+ }
488
+ if( isset($welcomebar['mysticky_welcomebar_btn_desktop']) ) {
489
+ $mysticky_welcomebar_btn_desktop = ' mysticky-welcomebar-btn-desktop';
490
+ }
491
+ if( isset($welcomebar['mysticky_welcomebar_btn_mobile']) ) {
492
+ $mysticky_welcomebar_btn_mobile = ' mysticky-welcomebar-btn-mobile';
493
+ }
494
+
495
+ $mysticky_welcomebar_display_desktop = ' mysticky-welcomebar-display-desktop';
496
+ $mysticky_welcomebar_display_mobile = ' mysticky-welcomebar-display-mobile';
497
+
498
+ $display_main_class = "mysticky-welcomebar-position-" . $welcomebar['mysticky_welcomebar_position'] . $mysticky_welcomebar_showx_desktop . $mysticky_welcomebar_showx_mobile . $mysticky_welcomebar_btn_desktop . $mysticky_welcomebar_btn_mobile . $mysticky_welcomebar_display_desktop . $mysticky_welcomebar_display_mobile;
499
+
500
+ if( isset($welcomebar['mysticky_welcomebar_actionselect']) ) {
501
+ if( $welcomebar['mysticky_welcomebar_actionselect'] == 'redirect_to_url' ) {
502
+ $mysticky_welcomebar_actionselect_url = esc_url( $welcomebar['mysticky_welcomebar_redirect'] );
503
+ } else {
504
+ $mysticky_welcomebar_actionselect_url = 'javascript:void(0)';
505
+ }
506
+ }
507
+ if( !isset($welcomebar['mysticky_welcomebar_enable']) ) {
508
+ if ( $welcomebar['mysticky_welcomebar_position'] == 'top' ) {
509
+ $welcomebar_enable_block = "top: -60px";
510
+ } else {
511
+ $welcomebar_enable_block = "bottom: -60px";
512
+ }
513
+ }
514
+
515
+ ?>
516
+ <div class="mysticky-welcomebar-fixed <?php echo $display_main_class; ?>" style="<?php echo $welcomebar_enable_block; ?>" data-after-triger="after_a_few_seconds" data-triger-sec="0" data-position="<?php echo esc_attr($welcomebar['mysticky_welcomebar_position']);?>" data-height="<?php echo esc_attr($welcomebar['mysticky_welcomebar_height']);?>" data-rediect="<?php echo esc_attr($welcomebar['mysticky_welcomebar_actionselect']);?>">
517
+ <div class="mysticky-welcomebar-content">
518
+ <p><?php echo isset($welcomebar['mysticky_welcomebar_bar_text'])?$welcomebar['mysticky_welcomebar_bar_text']:"Get 30% off your first purchase";?></p>
519
+ </div>
520
+ <div class="mysticky-welcomebar-btn">
521
+ <a href="<?php echo $mysticky_welcomebar_actionselect_url; ?>" <?php if( isset($welcomebar['mysticky_welcomebar_redirect_newtab']) && $welcomebar['mysticky_welcomebar_actionselect'] == 'redirect_to_url' && $welcomebar['mysticky_welcomebar_redirect_newtab']== 1):?> target="_blank" <?php endif;?>><?php echo isset($welcomebar['mysticky_welcomebar_btn_text'])?$welcomebar['mysticky_welcomebar_btn_text']:"Got it!";?></a>
522
+ </div>
523
+ <a href="javascript:void(0)" class="mysticky-welcomebar-close">X</a>
524
+ <a href="https://premio.io/downloads/mystickymenu/?utm_source=credit&domain=<?php echo $_SERVER['HTTP_HOST']; ?>" class="mysticky-welcomebar-getbar" target="_blank"><?php _e( 'Get Bar', 'mystickymenu' );?></a>
525
+ </div>
526
+ <script>
527
+
528
+ jQuery(document).ready(function($){
529
+ if( jQuery( '.mysticky-welcomebar-fixed' ).data('position') == 'top' ) {
530
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '-60px' );
531
+ } else {
532
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '-60px' );
533
+ }
534
+ if ( sessionStorage.getItem("welcomebar_close") === null ){
535
+
536
+ var after_trigger = jQuery( '.mysticky-welcomebar-fixed' ).data('after-triger');
537
+
538
+ if ( after_trigger == 'after_a_few_seconds' ) {
539
+ if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-desktop' ) ) {
540
+ if ( $( window ).width() > 767 ) {
541
+ var trigger_sec = jQuery( '.mysticky-welcomebar-fixed' ).data('triger-sec') * 1000;
542
+ var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
543
+ var welcombar_height = $( '.mysticky-welcomebar-fixed' ).data('height');
544
+ setTimeout(function(){
545
+ jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
546
+ if ( welcombar_position == 'top' ) {
547
+ jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
548
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
549
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
550
+ $( 'html' ).css( 'margin-bottom', '' );
551
+ $( 'html' ).attr( 'style', 'margin-top: 60px !important' );
552
+ } else {
553
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
554
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
555
+ $( 'html' ).css( 'margin-top', '' );
556
+ $( 'html' ).attr( 'style', 'margin-bottom: 60px !important' );
557
+ }
558
+ }, trigger_sec );
559
+ }
560
+ }
561
+ }
562
+ if ( $( window ).width() < 767 ) {
563
+ if ( after_trigger == 'after_a_few_seconds' ) {
564
+ if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-mobile' ) ) {
565
+ var trigger_sec = jQuery( '.mysticky-welcomebar-fixed' ).data('triger-sec') * 1000;
566
+ var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
567
+ var welcombar_height = $( '.mysticky-welcomebar-fixed' ).data('height');
568
+ setTimeout(function(){
569
+ jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
570
+ if ( welcombar_position == 'top' ) {
571
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
572
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
573
+ $( 'html' ).css( 'margin-bottom', '' );
574
+ $( 'html' ).attr( 'style', 'margin-top: 60px !important' );
575
+ } else {
576
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
577
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
578
+ $( 'html' ).css( 'margin-top', '' );
579
+ $( 'html' ).attr( 'style', 'margin-bottom: 60px !important' );
580
+ }
581
+ }, trigger_sec );
582
+ }
583
+ }
584
+ }
585
+ }
586
+ $( window ).resize( function(){
587
+ if ( sessionStorage.getItem("welcomebar_close") === null ){
588
+ var after_trigger = jQuery( '.mysticky-welcomebar-fixed' ).data('after-triger');
589
+ if ( after_trigger == 'after_a_few_seconds' ) {
590
+ var trigger_sec = jQuery( '.mysticky-welcomebar-fixed' ).data('triger-sec') * 1000;
591
+ var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
592
+ var welcombar_height = $( '.mysticky-welcomebar-fixed' ).data('height');
593
+ if ( $( window ).width() < 767 ) {
594
+ if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-mobile' ) ) {
595
+ setTimeout(function(){
596
+ jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
597
+ if ( welcombar_position == 'top' ) {
598
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
599
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
600
+ $( 'html' ).css( 'margin-bottom', '' );
601
+ $( 'html' ).attr( 'style', 'margin-top: 60px !important' );
602
+ } else {
603
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
604
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
605
+ $( 'html' ).css( 'margin-top', '' );
606
+ $( 'html' ).attr( 'style', 'margin-bottom: 60px !important' );
607
+ }
608
+ }, trigger_sec );
609
+ }
610
+ } else {
611
+ if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-desktop' ) ) {
612
+ setTimeout(function(){
613
+ jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
614
+ if ( welcombar_position == 'top' ) {
615
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
616
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
617
+ $( 'html' ).css( 'margin-bottom', '' );
618
+ $( 'html' ).attr( 'style', 'margin-top: 60px !important' );
619
+ } else {
620
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
621
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
622
+ $( 'html' ).css( 'margin-top', '' );
623
+ $( 'html' ).attr( 'style', 'margin-bottom: 60px !important' );
624
+ }
625
+ }, trigger_sec );
626
+ }
627
+ }
628
+ }
629
+ }
630
+ } );
631
+
632
+ jQuery(window).scroll(function(){
633
+ if ( sessionStorage.getItem("welcomebar_close") === null ){
634
+ if ( after_trigger === 'after_scroll' ) {
635
+ var scroll = 100 * $(window).scrollTop() / ($(document).height() - $(window).height());
636
+ var after_scroll_val = jQuery( '.mysticky-welcomebar-fixed' ).data('triger-sec');
637
+ var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
638
+ var welcombar_height = $( '.mysticky-welcomebar-fixed' ).data('height');
639
+ if( scroll > after_scroll_val ) {
640
+ if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-desktop' ) ) {
641
+ if ( $( window ).width() > 767 ) {
642
+ jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
643
+ if ( welcombar_position == 'top' ) {
644
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
645
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
646
+ $( 'html' ).css( 'margin-bottom', '' );
647
+ $( 'html' ).attr( 'style', 'margin-top: 60px !important' );
648
+ } else {
649
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
650
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
651
+ $( 'html' ).css( 'margin-top', '' );
652
+ $( 'html' ).attr( 'style', 'margin-bottom: 60px !important' );
653
+ }
654
+ }
655
+ }
656
+ if ( $( '.mysticky-welcomebar-fixed' ).hasClass( 'mysticky-welcomebar-display-mobile' ) ) {
657
+ if ( $( window ).width() < 767 ) {
658
+ jQuery( '.mysticky-welcomebar-fixed' ).addClass( 'mysticky-welcomebar-animation' );
659
+ if ( welcombar_position == 'top' ) {
660
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '0' );
661
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
662
+ $( 'html' ).css( 'margin-bottom', '' );
663
+ $( 'html' ).attr( 'style', 'margin-top: 60px !important' );
664
+ } else {
665
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '0' );
666
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'opacity', '1' );
667
+ $( 'html' ).css( 'margin-top', '' );
668
+ $( 'html' ).attr( 'style', 'margin-bottom: 60px !important' );
669
+ }
670
+ }
671
+ }
672
+ }
673
+ }
674
+ }
675
+
676
+ });
677
+ jQuery( '.mysticky-welcomebar-close, .mysticky-welcomebar-btn a' ).on( 'click', function(){
678
+ sessionStorage.setItem('welcomebar_close', 'close');
679
+ var welcombar_position = $( '.mysticky-welcomebar-fixed' ).data('position');
680
+ var welcombar_height = $( '.mysticky-welcomebar-fixed' ).data('height');
681
+ jQuery( '.mysticky-welcomebar-fixed' ).slideUp( 'slow' );
682
+ if ( welcombar_position == 'top' ) {
683
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'top', '-' + welcombar_height + 'px' );
684
+ } else {
685
+ jQuery( '.mysticky-welcomebar-fixed' ).css( 'bottom', '-' + welcombar_height + 'px' );
686
+ }
687
+ jQuery( 'html' ).css( 'margin-top', '' );
688
+ jQuery( 'html' ).css( 'margin-bottom', '' );
689
+ } );
690
+ });
691
+ </script>
692
+ <style>
693
+ .mysticky-welcomebar-fixed {
694
+ height: 60px;
695
+ background-color: <?php echo $welcomebar['mysticky_welcomebar_bgcolor'] ?>;
696
+ font-family: <?php echo $welcomebar['mysticky_welcomebar_font'] ?>;
697
+ position: fixed;
698
+ left: 0;
699
+ right: 0;
700
+ display: flex;
701
+ align-items: center;
702
+ justify-content: center;
703
+ padding: 20px 50px;
704
+ z-index: 9999999;
705
+ opacity: 0;
706
+ }
707
+ .mysticky-welcomebar-animation {
708
+ -webkit-transition: all 0.5s ease 0s;
709
+ -moz-transition: all 0.5s ease 0s;
710
+ transition: all 0.5s ease 0s;
711
+ }
712
+ .mysticky-welcomebar-position-top {
713
+ top: -60px;
714
+ }
715
+ .mysticky-welcomebar-position-bottom {
716
+ bottom: -60px;
717
+ }
718
+ .mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-top.mysticky-welcomebar-fixed {
719
+ top: 0;
720
+ }
721
+ .mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-bottom.mysticky-welcomebar-fixed {
722
+ bottom: 0;
723
+ }
724
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-content p {
725
+ color: <?php echo $welcomebar['mysticky_welcomebar_bgtxtcolor'] ?>;
726
+ font-size: <?php echo $welcomebar['mysticky_welcomebar_fontsize'] ?>px;
727
+ margin: 0;
728
+ padding: 0;
729
+ line-height: 1.2;
730
+ font-family: inherit;
731
+ font-weight: 400;
732
+ }
733
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
734
+ padding-left: 30px;
735
+ display: none;
736
+ line-height: 1;
737
+ }
738
+ .mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn {
739
+ display: block;
740
+ }
741
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a {
742
+ background-color: <?php echo $welcomebar['mysticky_welcomebar_btncolor'] ?>;
743
+ font-family: inherit;
744
+ color: <?php echo $welcomebar['mysticky_welcomebar_btntxtcolor'] ?>;
745
+ border-radius: 4px;
746
+ text-decoration: none;
747
+ display: inline-block;
748
+ vertical-align: top;
749
+ line-height: 1.2;
750
+ font-size: <?php echo $welcomebar['mysticky_welcomebar_fontsize'] ?>px;
751
+ font-weight: 400;
752
+ padding: 5px 20px;
753
+ white-space: nowrap;
754
+ }
755
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-btn a:hover {
756
+ /*opacity: 0.7;*/
757
+ -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
758
+ -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
759
+ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
760
+ }
761
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
762
+ display: none;
763
+ vertical-align: top;
764
+ width: 30px;
765
+ height: 30px;
766
+ text-align: center;
767
+ line-height: 30px;
768
+ border-radius: 5px;
769
+ color: #000;
770
+ position: absolute;
771
+ top: 5px;
772
+ right: 10px;
773
+ outline: none;
774
+ font-family: Lato;
775
+ text-decoration: none;
776
+ -webkit-transition: all 0.5s ease 0s;
777
+ -moz-transition: all 0.5s ease 0s;
778
+ transition: all 0.5s ease 0s;
779
+ -webkit-transform-origin: 50% 50%;
780
+ -moz-transform-origin: 50% 50%;
781
+ transform-origin: 50% 50%;
782
+ }
783
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
784
+ opacity: 0.5;
785
+ -webkit-transform: rotate(180deg);
786
+ -moz-transform: rotate(180deg);
787
+ transform: rotate(180deg);
788
+ }
789
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-close span.dashicons {
790
+ font-size: 27px;
791
+ }
792
+ .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
793
+ display: inline-block;
794
+ }
795
+ .mysticky-welcomebar-getbar:focus,
796
+ .mysticky-welcomebar-getbar:active,
797
+ .mysticky-welcomebar-getbar {
798
+ background-color: rgba(140,140,140,0.5) !important;
799
+ border-radius: 8px !important;
800
+ color: #FFFFFF !important;
801
+ position: absolute !important;
802
+ padding: 3px !important;
803
+ bottom: 5px !important;
804
+ left: 10px !important;
805
+ font-size: 12px !important;
806
+ line-height: 1.4 !important;
807
+ margin: 0 !important;
808
+ display: inline-block !important;
809
+ vertical-align: top !important;
810
+ font-family: Poppins !important;
811
+ text-decoration: none !important;
812
+ visibility: visible !important;
813
+ outline: 0 !important;
814
+ }
815
+ .mysticky-welcomebar-getbar:hover {
816
+ color: #000000 !important;
817
+ opacity: 0.5 !important;
818
+ }
819
+ @media only screen and (max-width: 767px) {
820
+ .mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-top.mysticky-welcomebar-fixed {
821
+ top: -60px;
822
+ }
823
+ .mysticky-welcomebar-display-desktop.mysticky-welcomebar-position-bottom.mysticky-welcomebar-fixed {
824
+ bottom: -60px;
825
+ }
826
+ .mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-top.mysticky-welcomebar-fixed {
827
+ top: 0;
828
+ }
829
+ .mysticky-welcomebar-display-mobile.mysticky-welcomebar-position-bottom.mysticky-welcomebar-fixed {
830
+ bottom: 0;
831
+ }
832
+ .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
833
+ display: none;
834
+ }
835
+ .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-mobile .mysticky-welcomebar-close {
836
+ display: inline-block;
837
+ }
838
+ .mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn {
839
+ display: none;
840
+ }
841
+ .mysticky-welcomebar-fixed.mysticky-welcomebar-btn-mobile .mysticky-welcomebar-btn {
842
+ display: block;
843
+ }
844
+ }
845
+ @media only screen and (max-width: 480px) {
846
+ .mysticky-welcomebar-fixed {
847
+ height: auto;
848
+ min-height: 60px;
849
+ padding: 15px 36px 35px 10px;
850
+ }
851
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
852
+ padding-left: 10px;
853
+ }
854
+ .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
855
+ right: 7px;
856
+ }
857
+ }
858
+ </style>
859
+ <?php
860
+ }
861
+ add_action( 'wp_footer', 'mysticky_welcome_bar_frontend' );