Skip to content
Code-Schnipsel Gruppen Projekte
Commit 35e693d2 erstellt von michael.daniel's avatar michael.daniel
Dateien durchsuchen

#50 

feat: Bei Promoslider (Wallpaper und 2 Inhalte) kann man zwischen verschiedenen Effekten für Navigationspfeile auswählen.
Übergeordneter 2a09615b
No related branches found
No related tags found
Keine zugehörigen Merge Requests gefunden
Leerzeichenänderungen ausblenden
Inline Nebeneinander
werden angezeigt mit 132 Ergänzungen und 16 Löschungen
bricks.xml
+ 56
− 2
Zeige Datei @ 35e693d2
......@@ -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">
......
locale.xml
+ 34
− 3
Zeige Datei @ 35e693d2
......@@ -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>
......
src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.css
+ 30
− 3
Zeige Datei @ 35e693d2
......@@ -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 {
......
src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.html
+ 5
− 3
Zeige Datei @ 35e693d2
......@@ -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
src/QUI/Bricks/Controls/Slider/PromosliderWallpaper.php
+ 1
− 1
Zeige Datei @ 35e693d2
......@@ -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'
......
src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.html
+ 5
− 3
Zeige Datei @ 35e693d2
......@@ -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>
......
src/QUI/Bricks/Controls/Slider/PromosliderWallpaper2Content.php
+ 1
− 1
Zeige Datei @ 35e693d2
......@@ -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'
......
0% oder .
You are about to add 0 people to the discussion. Proceed with caution.
Bearbeitung dieser Nachricht zuerst beenden!
Bitte registrieren oder zum Kommentieren

PCSG & QUIQQER support and DEV System - GitLab