diff --git a/bricks.xml b/bricks.xml
index 4da1eeadf0d31568e830a1b00d23a363cd3b052a..a6002de4af207256da387c428d99ac583970f324 100644
--- a/bricks.xml
+++ b/bricks.xml
@@ -249,8 +249,33 @@
<setting name="shownavigation" type="checkbox">
<locale group="quiqqer/bricks" var="brick.control.promoslider.settings.shownavigation"/>
</setting>
- <setting name="showarrows" type="checkbox">
+ <setting type="select" name="showarrows">
<locale group="quiqqer/bricks" var="brick.control.promoslider.settings.showarrows"/>
+
+ <option value="showHoverScale">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverScale"/>
+ </option>
+ <option value="showHoverSlide">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverSlide"/>
+ </option>
+ <option value="showHoverBackgroundLight">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverBackgroundLight"/>
+ </option>
+ <option value="showHoverBackgroundDark">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverBackgroundDark"/>
+ </option>
+ <option value="showHoverOpacity">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverOpacity"/>
+ </option>
+ <option value="hide">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.hide"/>
+ </option>
</setting>
<setting type="select" name="position">
@@ -338,8 +363,37 @@
<setting name="shownavigation" type="checkbox">
<locale group="quiqqer/bricks" var="brick.control.promoslider.settings.shownavigation"/>
</setting>
- <setting name="showarrows" type="checkbox">
+ <!--<setting name="showarrows" type="checkbox">
+ <locale group="quiqqer/bricks" var="brick.control.promoslider.settings.showarrows"/>
+ </setting>-->
+
+ <setting type="select" name="showarrows">
<locale group="quiqqer/bricks" var="brick.control.promoslider.settings.showarrows"/>
+
+ <option value="showHoverScale">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverScale"/>
+ </option>
+ <option value="showHoverSlide">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverSlide"/>
+ </option>
+ <option value="showHoverBackgroundLight">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverBackgroundLight"/>
+ </option>
+ <option value="showHoverBackgroundDark">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverBackgroundDark"/>
+ </option>
+ <option value="showHoverOpacity">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.showHoverOpacity"/>
+ </option>
+ <option value="hide">
+ <locale group="quiqqer/bricks"
+ var="brick.control.promoslider.settings.showarrows.hide"/>
+ </option>
</setting>
<setting type="select" name="position">
diff --git a/locale.xml b/locale.xml
index 7804a87cf5642de58b83fe1f5ac930d7f4aa8880..0043516d57a65c9ccc641943defe3150439253a7 100644
--- a/locale.xml
+++ b/locale.xml
@@ -426,9 +426,40 @@
<en><![CDATA[Show navigation]]></en>
</locale>
<locale name="brick.control.promoslider.settings.showarrows">
- <de><![CDATA[Navigation-Pfeile anzeigen]]></de>
- <en><![CDATA[Show navigation arrows]]></en>
- </locale>
+ <de><![CDATA[Navigation-Pfeile]]></de>
+ <en><![CDATA[Navigation arrows]]></en>
+ <pl><![CDATA[Strzałki nawigacyjne]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverScale">
+ <de><![CDATA[Anzeigen - Scale Effekt]]></de>
+ <en><![CDATA[Show - scale effect]]></en>
+ <pl><![CDATA[Pokaż - effet powiększenia (scale)]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverSlide">
+ <de><![CDATA[Anzeigen - Slide Effekt]]></de>
+ <en><![CDATA[Show - slide effect]]></en>
+ <pl><![CDATA[Pokaż - efekt przesunięcia (slide)]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverBackgroundLight">
+ <de><![CDATA[Anzeigen - Hintergrundfarbe Effekt (hell)]]></de>
+ <en><![CDATA[Show - background color effect (light)]]></en>
+ <pl><![CDATA[Pokaż - efekt zmiany tła (jasny)]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverBackgroundDark">
+ <de><![CDATA[Anzeigen - Hintergrundfarbe Effekt (dunkel)]]></de>
+ <en><![CDATA[Show - background color effect (dark)]]></en>
+ <pl><![CDATA[Pokaż - efekt zmiany tła (ciemny)]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.showHoverOpacity">
+ <de><![CDATA[Anzeigen - Transparenz Effekt]]></de>
+ <en><![CDATA[Show - opacity effect]]></en>
+ <pl><![CDATA[Pokaż - efekt zmiany przeźroczystości]]></pl>
+ </locale>
+ <locale name="brick.control.promoslider.settings.showarrows.hide">
+ <de><![CDATA[Auschalten]]></de>
+ <en><![CDATA[Disable]]></en>
+ <pl><![CDATA[Wyłączone]]></pl>
+ </locale>
<locale name="brick.control.promoslider.settings.delay">
<de><![CDATA[Zeit zum nächsten Slide (Verzögerung)]]></de>
<en><![CDATA[Time to start next slide (Delay)]]></en>
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.css b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.css
index 1bf6ad6fe01b8b2101d7e1589f5fb3564b6d7a9a..ee81bc16f38563eac98be934179a230deed51c05 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.css
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.css
@@ -83,9 +83,36 @@
width: 100%;
}
-.quiqqer-bricks-promoslider-wallpaper-prev:hover .fa,
-.quiqqer-bricks-promoslider-wallpaper-next:hover .fa {
- transform: scale(1.15);
+/* effect scale */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverScale:hover .fa,
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverScale:hover .fa {
+ transform: scale(1.2);
+}
+
+/* effect slide */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverSlide:hover .fa {
+ transform: translateX(-10px);
+}
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverSlide:hover .fa {
+ transform: translateX(10px);
+}
+
+/* effect background: light */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverBackgroundLight:hover .fa,
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverBackgroundLight:hover .fa {
+ background: rgba(255,255,255,0.7);
+}
+
+/* effect background: dark */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverBackgroundDark:hover .fa,
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverBackgroundDark:hover .fa {
+ background: rgba(0,0,0,0.07);
+}
+
+/* effect opacity */
+.quiqqer-bricks-promoslider-wallpaper-prev.showHoverOpacity:hover .fa,
+.quiqqer-bricks-promoslider-wallpaper-next.showHoverOpacity:hover .fa {
+ opacity: 0.6;
}
.quiqqer-bricks-promoslider-wallpaper-next {
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.html b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.html
index b44395741af8dd5c282c97348a2bd854c77a69ee..a2bf717adb5c51b1adb0d5be18b9a0c8b7dc54a0 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.html
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.html
@@ -81,11 +81,13 @@
</div>
<div class="quiqqer-bricks-promoslider-wallpaper-dots"></div>
-{if count($desktopSlides) > 1 && $this->getAttribute('showarrows')}
-<div class="quiqqer-bricks-promoslider-wallpaper-prev hide-on-mobile">
+{if count($desktopSlides) > 1 && $this->getAttribute('showarrows') != 'hide'}
+<div class="quiqqer-bricks-promoslider-wallpaper-prev hide-on-mobile
+ {$this->getAttribute('showarrows')}">
<span class="fa fa-chevron-left"></span>
</div>
-<div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile">
+<div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile
+ {$this->getAttribute('showarrows')}">
<span class="fa fa-chevron-right"></span>
</div>
{/if}
\ No newline at end of file
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.php b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.php
index 6570a389ce3a865999d3fd87c6461b97460337e1..285f3e97d1f42dce4b3d521d13136332a00e49b0 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.php
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.php
@@ -32,7 +32,7 @@ public function __construct($attributes = array())
'data-qui' => 'package/quiqqer/bricks/bin/Controls/Slider/PromosliderWallpaper',
'role' => 'listbox',
'shownavigation' => true,
- 'showarrows' => true,
+ 'showarrows' => 'showHoverScale',
'autostart' => false,
'delay' => 5000,
'template' => dirname(__FILE__) . '/PromosliderWallpaper.html'
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html
index e28d2cd7f41c5ddf0237fabd77ec9c1d5351f449..0b2714ff61ce3b52e20c647afe23d17ac0451dfe 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html
@@ -71,11 +71,13 @@
</div>
<div class="quiqqer-bricks-promoslider-wallpaper-dots"></div>
-{if count($desktopSlides) > 1 && $this->getAttribute('showarrows')}
-<div class="quiqqer-bricks-promoslider-wallpaper-prev hide-on-mobile">
+{if count($desktopSlides) > 1 && $this->getAttribute('showarrows') != 'hide'}
+<div class="quiqqer-bricks-promoslider-wallpaper-prev hide-on-mobile
+ {$this->getAttribute('showarrows')}">
<span class="fa fa-chevron-left"></span>
</div>
-<div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile">
+<div class="quiqqer-bricks-promoslider-wallpaper-next hide-on-mobile
+ {$this->getAttribute('showarrows')}">
<span class="fa fa-chevron-right"></span>
</div>
diff --git a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.php b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.php
index 5dd548f04edf3a0b4c480f28795aae7332243d16..e1d7788067571d1fb42f766b0f3a5197889e0f36 100644
--- a/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.php
+++ b/src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.php
@@ -34,7 +34,7 @@ public function __construct($attributes = array())
'data-qui' => 'package/quiqqer/bricks/bin/Controls/Slider/PromosliderWallpaper',
'role' => 'listbox',
'shownavigation' => true,
- 'showarrows' => true,
+ 'showarrows' => 'showHoverScale',
'autostart' => false,
'delay' => 5000,
'template' => dirname(__FILE__) . '/PromosliderWallpaper2Content.html'