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

Hilfe bei optischer Bild-Darstellung und Fehler bei Mobiler Suche

bbshopstockerau
Neues Mitglied
3 0 0

Sehr geehrte Community

ich habe bei meinen Shop 2 gravierende Probleme 

Mein Shop: www.bb-shop.at 

Beides betrifft die mobile Version

zunächst werden bei der mobilen Version die Bilder teilweise übereinander angezeigt, also nicht schön untereinander sondern teilweise überlagernd. Obwohl alle Bilder in der selben Größe angelegt worden sind. also sprich gleichgroß sind. 

Desweiteren ist es bei den Suchergebnissen nicht möglich die ersten 2 Artikel anzuklicken. erst den dritten Artikel kann man öffnen.

Das ist natürlich für einen Online-Shop mit Suchfunktion schrecklich, da man ja genau die ersten 2 Artikel meistens sucht. 

Anbei ein paar Bilder 

Bitte um Hilfe 

liebe Grüße 

Babsi 

174485411_208076237433225_3372402579279691564_n.jpg175483002_775158606453157_4192116073513653656_n.jpg

175036313_788379368765778_147406570383421438_n.jpg

 

 

 

0 Likes
Kai
Shopify Staff
Shopify Staff
494 51 88

Hallo bbshopstockerau,

ich helfe dir gerne weiter einen Weg zu finden deinen Shopify Shop zu überarbeiten.

Dazu habe ich gerade deinen Shopify Shop besucht und konnte dort den von dir beschriebenen Fehler vorfinden, dass die zwei ersten Ergebnisse einer Suche nicht anklickbar sind.

Kannst du mir sagen, ob seit wann dies er Fall ist und welche Änderungen zu diesem Zeitpunkt am Shop vorgenommen wurden?

Welches Theme verwendest du? Wer dein Theme entwickelt hat und unterstützt siehst du so nach.

 

Kai | 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
1286 143 433

Babsi @bbshopstockerau – beide Probleme kannst Du mit CSS beheben. Das erste Thema würd ich bei den Theme-Entwicklern einmelden, die mit ihrem Support dafür eigentlich zuständig wären und zumindest das zweite Problem scheint mir auch auf unsaubere Implementierung zurückzuführen zu sein. Sollte die Suchmaske auch von denen kommen, würde ich ihnen auch diesbezüglich Feedback geben.

Da ich das Sunrise-Theme nicht kenne, weiss ich auch nicht genau, wo Du den Code am besten ergänzt, aber wahrscheinlich gibt's eine theme.css (oder theme.scss oder mit der Endung .liquid noch daran) im /assets Verzeichnis. An deren Ende kannst Du as klatschen.

 

ad Problem 1 – "zu breite Kacheln":

 

 

/* begrenzt die Maximalbreite der Kachel, auch wenn Wörter darin sind, deren Textlänge diese "auseinanderdrücken" */
.flexbox.flexwrap .flexbox-grid a {
  max-width: 100%;
}

/* wenn der Text nicht aus der Kachel fließen darf, dann auch folgendes … */
.flexbox.flexwrap .flexbox-grid .product-title {
  overflow-x: hidden;
}

 

 

Ergebnis:

https://www.bb-shop.at/ bei 380px Breite

vorher …

Screenshot 2021-04-20 at 10.06.15.jpg

nachher … 

Screenshot 2021-04-20 at 10.05.55.jpg

 

ad Problem 2 – "nicht klickbare Produkte im Suchergebnis":

 

 

/* erlaube durch das versteckte predictive search Layer zu klicken */
#search-form-main.hide-results .predictive-search-wrapper {
    pointer-events: none;
}

 

 

Getestet auf https://www.bb-shop.at/search?options%5Bprefix%5D=last&q=anh%C3%A4nger bei 380px Breite

 

Liebe Grüße aus Linz,
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
bbshopstockerau
Neues Mitglied
3 0 0

HI, 

Der Fehler in der Suche ist eigentlich schon seit Anfang an . 

LG

0 Likes
r8r
Shopify Expert
1286 143 433

Der Demo-Store weist das Problem nicht auf, aber es kann sein, dass das in einem Release gefixt worden ist, seit Du das Theme installiert hast.

Gut, wenn's jetzt funktioniert!

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
bbshopstockerau
Neues Mitglied
3 0 0

Hi Mario, Vielen Lieben Dank für deine Antwort auf mein Shopify Problem, Leider schaffe ich es nicht alleine, da ich mich beim Programmieren nicht so gut auskenne. Kannst du mir vielleicht helfen . Lg babsi

0 Likes
r8r
Shopify Expert
1286 143 433

Babsi @bbshopstockerau – Du kannst die Codeschnipsel z.B. am Ende der Datei assets/theme.css (möglicherweise heisst sie auch theme.scss oder theme.css.liquid oder theme.scss.liquid) einfügen.

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