abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Bild über komplette Bildschirmgröße anzeigen

Gelöst
mb_18
Entdecker
27 0 12

Hallo alle zusammen,

ich bin dabei meinen eigenen Online Shop zu entwickeln und benutze das Debutify Theme.

Ich möchte auf meiner Startseite ein Bild haben, welches über die ganze Bildschirmgröße angezeigt wird. Also wenn man die Website öffnet, dass als erstes das Bild über die komplette Bildschirmgröße zu sehen ist und erst wenn man nach unten scrollt, alle anderen Inhalte zu sehen sind. Das Bild sollte sich automatisch an die verschiedenen Handy Bildschirmgrößen und PC Bildschirmgrößen anpassen können.  Zudem soll dort ein Button sein, welcher auf der Startseite automatisch etwas nach unten scrollt.

Wie kann ich dies verwirklichen?

Screenshot_20210409-233131_WhatsApp.jpg

0 Likes
Gabe
Shopify Staff
Shopify Staff
4176 560 970

Hey @mb_18 

Danke für die Frage und den Screenshot und ich kann gut verstehen warum es einfach besser aussieht wenn der Hero Banner die volle Bildschirmbreite überspannt. Dieser ist ja der erste Eindruck eines Besuchers zum Shop und somit muss der Eindruck stimmen!

Um das im drittanbieter Debutify Theme nur auf Mobile zu erreichen, wird es eine komplexe Programmierung im CSS und theme.liquid verlangen und hier kann ich gerne einen Experten wie @r8r@tewe oder taskhusky.com empfehlen. 

Wenn du das aber lieber DIY (do-it-yourself) machen möchtest dann habe ich ein paar Code Beispiele hier für dich gefunden die vielleicht helfen können. Bitte dies aber zuerst in einer Theme Backup Kopie ausprobieren. An erster Stelle haben wir Apps die das auch ganz gut machen können, wie unsere Layer Slider App (da einfach runterscrollen). Siehe weitere tolle Page Builder Apps hier mit denen man viel schönere Seiten und auch angepasste Buttons einbauen kann.

Einen Code wie den folgenden kann man im Theme hinzufügen (aber das bitte mit einem Programmierer machen) -> theme -> edit code -> assets -> theme.scss.liquid

.lazyload__image-wrapper {
	max-width: 100% !important;
}

ODER 

.template-index .wrapper {
    max-width: 100%;
    padding: 0;
}

 Diese Angaben sind aber, wie gesagt, ohne Gewähr!

VG,

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

0 Likes
r8r
Shopify Expert
1317 147 447

@mb_18 – im Prinzip ist das eine Sache, die gut umzusetzen ist und nicht allzulange benötigen sollte. Vor allem da ich keinen Zugang zu Debutify hab ist es allerdings auch komplexer als dass man das hier in einem schnellen Beitrag zusammenfassen könnte. Ich bin guter Dinge, dass das in 2 Std. inkl. Customizer-Integration umgesetzt sein kann.

LG, Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
mb_18
Entdecker
27 0 12

@Gabe Hii Gabe, vielen dank für die Antworten, ich habe es mit den Codes versucht aber es ändert sich nichts. Kann es sein, dass mit dem Code nur die Breite auf 100% gestellt wird und nicht die Höhe vom dem Image? 

Die Breite ist bereits schon auf "full-width" eingestellt. Ich möchte die Höhe erhöhen.

0 Likes
Gabe
Shopify Staff
Shopify Staff
4176 560 970

Erfolg.

Hey @mb_18 @r8r 

Der Mario der sich hier gemeldet hat ist einer unserer Experten und kann mit dir eine Code Lösung suchen gegen ein kleine Bezahlung, denn das verlangt etwas komplexes Coding.

Lass wissen, wenn du weitere Fragen hast zum obigen Thema oder generell zu deinem Shop und Business.

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog