Neu Nova - Größe der Slides / Anzahl der Artikel bei Cross Selling Slider anpassen

alexled

Neues Mitglied
31. Oktober 2023
2
0
Hallo zusammen,

wir würden bei den Produktslidern wie Besteller, Neuheiten, Cross Selling usw. gerne die einzelnen Slides größer darstellen. Aktuell sind die für unseren Zweck zu klein da auch die Artikelnamen arg beschnitten werden.

Danke im Voraus für eure Unterstützung!

LG Alex
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.682
1.609
Berlin
Da hilft derzeit nur eine größere Anpassung über das Child Template wenn man das vernünftig haben möchte.

Ich sorge z.B.: dafür, dass die Initialisierung der Slider durch JTL verhindert wird und initialisiere diesen dann über meine eigene Konfiguration.
 
  • Gefällt mir
Reaktionen: alexled

pctech

Aktives Mitglied
14. Juli 2009
79
5
Hallo Forum & Support
Nun, habe das selbe problem, arbeite mit Nova Cild für 5.2.4

Via CSS konnte ich nichts erreichen, da das DIV Class .slick-track die width: 264px Angabe irgendwie (über NOVA\js\slick.js Zeile 523 oder NOVA\js\slick.min.js??)
dynamisch generiert wird.
So wird dann eine CSS Regel zu DIV slick-track auch nicht angewendet und immer wieder vom Element selber überschrieben mit 264px

Leider wird auch DIV Class .product-wrapper.product-wrapper-product.text-center-util.slick-slide.slick-current.slick-active irgendiwe automatisch berechnet im Objekt, so dass eine CSS Regel darauf nicht einwirkt. Wird auch immer wieder vom Element selber mit 132px überschrieben

Das selbe auch beim class .product-wrapper.product-wrapper-product.text-center-util.slick-slide.slick-active und div.product-wrapper:nth-child

Das Bild selber konnte ich via CSS auf DIV Class .item-slider.productbox-image.square.square-image vergrössern, da jedoch die Obengenannten Container dann zu klein ist wird es abgeschnitten.

Generell sind da viele Dinge eingebunden in dem Carousell Slider.
Habe natürlich NOVA mal durchsucht, zum Beispiel nach slick-track
NOVA\themes\base\sass\components\_carousel.scss = Keine Angabe zu der Breite
NOVA\themes\base\slick\slick.scss = Keine Angabe zu der Breite

Um zu verstehen wie die Template dateien zusammenarbeiten habe ich nach der DIV Class recommendations d-print-none gesucht ob da was ist.
NOVA\productdetails\details.tpl = Keine Angabe zu der Breite jedoch wird da dann NOVA\snippets/product_slider.tpl aufgerufen (in Zeile 376)
In NOVA\snippets/product_slider.tpl wird dann zu DIV Class .slick-slider-other is-not-opc x-sell (ab Zeile 34) dann in Zeile 56 die NOVA\snippets/slider_items.tpl aufgerufen.
In NOVA\snippets/slider_items.tpl ab Zeile 5 zu DIV Class product-wrapper product-wrapper-product text-center-util wird dann in Zeile 6 NOVA\productlist/item_slider.tpl aufgerufen
NOVA\productlist/item_slider.tpl wird dann in dem DIV Class div class="item-slider productbox-image square square-image (ab Zeile 4) in Zeile 19 NOVA\snippets/image.tpl aufgerufen.
Okay, nirgends eine Angabe zu der Breite zu finden.

In der NOVA\snippets/image.tpl ist zwar im aufruf der image.tpl Zeile 20-23 was zu den zu ladenden Bilderegrössen, jedoch brachte das auch keine Änderung.

Nun, existiert da ein Plugin welcher dies grösser darstellt auf dem Markt? Oder hat jemand eine Idee wo man das anpassen kann?

Mit freundlichen Grüssen, Marcel
 

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
3.385
263
In der NOVA\snippets/image.tpl ist zwar im aufruf der image.tpl Zeile 20-23 was zu den zu ladenden Bilderegrössen, jedoch brachte das auch keine Änderung.
Die Breite der Slides wird dynamisch anhand der gesetzten Anzahl berechnet. Die Anzahl definiert sich in der jtl.evo.js im Bereich des SlickSliders. Einfach da mal schauen.
 
  • Gefällt mir
Reaktionen: Groundhog

pctech

Aktives Mitglied
14. Juli 2009
79
5
Sehr geehrter Herr Wolf

Vielen Dank, für diesen Tipp, hier der Code:
JavaScript:
generateSlickSlider: function() {
            let self = this;
            self.initSlick($('.evo-box-slider:not(.slick-initialized)'), 'box-slider');
            self.initSlick($('.evo-slider-half:not(.slick-initialized)'), 'slider-half');
            self.initSlick($('.evo-slider:not(.slick-initialized)'), 'product-slider');
            self.initSlick($('.news-slider:not(.slick-initialized)'), 'news-slider');

            $('.slick-lazy').on('mouseenter', function (e) {
                let mainNode = $(this);
                mainNode.removeClass('slick-lazy');
                if (!mainNode.hasClass('slick-initialized')) {
                    mainNode.find('.product-wrapper').removeClass('mx-auto ml-auto-util mr-auto');
                    self.initSlick(mainNode, mainNode.data('slick-type'));
                }
            });

showNotify: function(options) {
            eModal.alert({
                size: 'xl',
                buttons: false,
                title: options.title,
                message: options.text,
                keyboard: true,
                tabindex: -1})
                .then(
                 function() {
                    $.evo.generateSlickSlider();
                }
            );
        },

register: function() {
            this.productTabsPriceFlow();
            this.generateSlickSlider();
            setTimeout(() => {
                $('.nav-tabs').tabdrop();
            }, 200);
            this.tooltips();
            this.popupDep();
            this.popover();
            this.addCartBtnAnimation();
            this.checkout();
            if ($('body').data('page') == 3) {
                this.addInactivityCheck('#cart-form');
            }
            this.fixStickyElements();
            this.setWishlistVisibilitySwitches();
            this.initEModals();
            $.evo.article().initConfigListeners();
            this.initScrollEvents();
            this.initReviewHelpful();
            this.initWishlist();
            this.initPaginationEvents();
            this.initFilterEvents();
            this.initItemSearch('filter');
            this.initSliders();
            this.registerImageHover();
        }
    };

Leider sehe ich ausser bei size:xl nichts zu der Grösse. Haben Sie da einen genaueren Tipp?
Freundliche Grüsse, Marcel Wuersch
 
Ähnliche Themen
Titel Forum Antworten Datum
Ich habe auf NOVA umgestellt aber PayPal funktioniert nicht Einrichtung JTL-Shop5 1
Neu Nova Template Container in Container Boxed Templates für JTL-Shop 2
Neu Nova Farbe ändern Templates für JTL-Shop 14
Neu JTL-Shop 5 Nova-Template / Darstellung der Produktliste teilweise fehlerhaft JTL-Shop - Fehler und Bugs 1
Neu Social-Media Icon Nova Templates für JTL-Shop 0
Neu nova änderungen Templates für JTL-Shop 13
Neu Footer in der Größe anpassen Templates für JTL-Shop 0
Neu Weiterleitungen direkt per Datenbank einfügen aufgrund Größe bzw. Anzahl? Betrieb / Pflege von JTL-Shop 9
Neu Mehrere Firmen - automatisierte Änderung der Kundennummer? Arbeitsabläufe in JTL-Wawi 6
Neu Der Shop schickt die Aufträge nicht mehr an die Wawi JTL-Shop - Fehler und Bugs 1
Neu Automatische Sortierung der Bilder & Anzahl der Ebay Bilder eBay-Anbindung - Fehler und Bugs 0
Verwendung der Statistik in Wawi 1.8: JTL-Wawi 1.8 2
Neu Kann man in der POS zwischen Mandanten umschalten? User helfen Usern - Fragen zu JTL-Wawi 1
Falsche Anzeige der Bestandsführung JTL-Wawi - Fehler und Bugs 5
Neu Drucken-Button auf der Artikeldetailseite Allgemeine Fragen zu JTL-Shop 0
Setup Nummernkreise neue Firma - Länge der Kreise JTL-Wawi 1.8 8
Neu Darstellung/Werte der Variantenauswahl auf Amazon anpassbar? Amazon-Lister - Ideen, Lob und Kritik 0
Neu Kategorienbaum in einer Unterkategorie über der Filterung ausblenden Allgemeine Fragen zu JTL-Shop 1
Neu Anzahl der gefüllten Versandboxen ausgeben lassen Eigene Übersichten in der JTL-Wawi 1
Neu leeres Textfeld erstellen für einen Hinweis auf der Rechnung User helfen Usern - Fragen zu JTL-Wawi 2
Versandkosten werden bei der Gewinnermittlung nicht breücksichtig (1.8.12.2) JTL-Wawi 1.8 1
Wie kann ich etwas in der WAWI Datenbank per SQL ändern? JTL-Wawi 1.8 2
Neu Was steckt hinter der Zahl von 53 Bildern auf Ebay bei Variationsartikeln (und einer unsinnigen Fehlermeldung der Wawi)? JTL-Wawi - Fehler und Bugs 2
Neu Gravierender Fehler in der Shop Software Betrieb / Pflege von JTL-Shop 3
Neu Packtisch: In der Liste der Aufträge neue Feld-Spalte mit Spalteneditor hinzufügen Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu Workflow der bei Stücklisten: Überverkäufe de-/aktivieren User helfen Usern - Fragen zu JTL-Wawi 11
Wo befindet sich das Feld mit der Information für "Zustandsbeschreibung" auf Ebay? JTL-Wawi 1.8 9
Neu Nach Umstellung auf WMS Probleme mit der JTL Ameise Installation von JTL-WMS / JTL-Packtisch+ 0
Neu Vorschaubilder in der Artikeldetailseite werden nicht angezeigt Betrieb / Pflege von JTL-Shop 1
Neu Update des JTL shops aus der Wawi funktioniert nicht Allgemeine Fragen zu JTL-Shop 1
Neu EK-Netto der Verkäufe aus Datenbank ? User helfen Usern - Fragen zu JTL-Wawi 5
Neu Shopify Erhöhung der Varianten von 100 auf 2000 - Connector App Problem Shopify-Connector 4
Fehler beim Rendering der Attribute bei SCX Abgleich kaufland.de - Anbindung (SCX) 4
Neu Eigene Felder des Auftrages in der Druckvorlage Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu klare Warnung vor den Bausteinen und der PDF in Vorlagen User helfen Usern - Fragen zu JTL-Wawi 4
Neu Folgendes fehlt seit Mai 23 auf der Rechnung: "Versanddatum: Ist gleich dem Rechnungsdatum." Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 4
Workflow MwSt.-Sätze ersetzen 0% -> 19% ändert netto in Positionen aber nicht in der Auftragssumme JTL-Wawi 1.7 2
Neu Menüleiste wird plötzlich in der Mitte von der Seite angezeigt Allgemeine Fragen zu JTL-Shop 0
Neu SEO URL der Kategorien wird nicht an Shopware 6 übertragen Shopware-Connector 0
Neu Formatierung der Spalte Rabatt Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 5
In Diskussion Automatische Zuweisung der Kategorien für Artikel durch Workflow JTL-Workflows - Ideen, Lob und Kritik 3
Neu Vorlagen: Formel um Textfeld nur auf der letzten Seite der Rechnung darzustellen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Angabe der wesentlichen Eigenschaften der Ware im Checkout Allgemeine Fragen zu JTL-Shop 11
Slider - Position auf der Startseite? Einrichtung JTL-Shop5 0
Gelöst Packtisch+ 1.8.112 : Rechnung wird bei Teillieferung erzeugt, obwohl als Ausführungsbedingung "Nur bei der letzten Teillieferung" ausgewählt ist. JTL-WMS / JTL-Packtisch+ - Fehler und Bugs 2
Speicherort der Seriennummern zu Auftragsposition in der Datenbank ? JTL-Wawi 1.8 2
Export der Einstellungen im admin Einrichtung JTL-Shop5 2
Beantwortet #GEFUNDEN# Suche jemand , der uns eine (automatische) SQL Abfrage erstellen kann mit Mail Ausgabe Dienstleistung, Jobs und Ähnliches 2
Neu Bestände von der Wawi mit ebay abgleichen User helfen Usern - Fragen zu JTL-Wawi 2
Fehlermeldung nach Speichern vom Auftrag in der Wawi JTL-Wawi 1.6 5

Ähnliche Themen