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

Im Theme 'Brooklyn' zwei Produkte nebeneinander darstellen !

Gymetrics
Neues Mitglied
10 0 0

Hey Freunde,

ich benutze das Theme 'Brooklyn' und im folgenden Bild ist zu sehen, dass nur ein Produkt bei der Mobilen Ansicht angezeigt wird. 

Ich möchte aber das genau zwei Produkte nebeneinander in der Mobilen Ansicht angezeigt werden und nicht nur eins. 

Kann mir jemand helfen das zu ändern :)?

 

problem1.png

 

 

0 Likes
r8r
Shopify Expert
1469 162 488

Hi @Gymetrics 

so?

Screenshot 2021-01-31 at 22.48.02.jpg

Beim Unterschreiten welcher Bildschirmbreite (in px) soll das so dargestellt werden?

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.
Gymetrics
Neues Mitglied
10 0 0
Hi :)

Ja genau so in der Art:) ..wie mach ich das ? Lg anil




##- Bitte geben Sie Ihre Antwort oberhalb dieser Zeile ein -##


Von meinem iPhone gesendet
0 Likes
Gymetrics
Neues Mitglied
10 0 0

Hi:),

ja genau so ! Wie mach ich das :)?

lg 

 

anil 

0 Likes
r8r
Shopify Expert
1469 162 488

… unter der Vorraussetzung, dass Du als Grid-Style Grid und nicht Collage gewählt hast

Screenshot 2021-02-01 at 12.53.40.jpg

kannst Du folgenden CSS-Code ergänzen:

@_media screen and (max-width: 590px) {
  .template-collection .grid-item.grid-product {
    width: 50%;
  }
}

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.
0 Likes
Gymetrics
Neues Mitglied
10 0 0

Hey Mario,

erstmal vielen Dank für deine Hilfe:), aber ich hab echt keine Ahnung wo genau ich den Code jetzt ergänzen bzw. einfügen soll. Grid ist bereits gewählt.

 

Lg

 

0 Likes
r8r
Shopify Expert
1469 162 488

Hallo @Gymetrics 

nicht die sauberste, aber die schnellste Integration schaffst Du, indem Du den Code am Ende der Datei /assets/theme.scss.liquid (Online Store > Themes > (Themename) > Actions > Edit Code) einfügst.

Liebe Grüße,
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.
0 Likes
Gymetrics
Neues Mitglied
10 0 0

So, oder hab ich was vergessen? Hat leider nicht funktioniert und der Theme Editor zeigt einen Fehler an :\

problem.png

0 Likes
r8r
Shopify Expert
1469 162 488

Ich weiss nicht ob das einen Unterschied macht, aber @_media sollte @_media sein – das ist mir vorhin schon falsch reingerutscht.

Welchen Fehler bekommst Du angezeigt?

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.
0 Likes
r8r
Shopify Expert
1469 162 488

ah doch – ich weiss schon warum … hier im Forum gibt's einen user "Media" – darum verändert der Editor das entsprechend. Blöd. @ media (ohne Leerzeichen) soll es lauten!

@Gabe kann man da was machen, dass im Forum auch Mediaqueries korrekt gepostet werden können?

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.
0 Likes