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

Brooklyn theme

Gelöst
KochKistl
Entdecker
33 4 16

Hi Gabe!

Desktop:

Hero page:

Slider -> text left aligned -> picture

picture -> text

Mobile view:

Slider -> picture -> text -> picture -> text and so on

AND NOT:

Slider -> text -> picture -> text.

Two pictures on the hero page entrance of mobile version is not what we like to have -> BDUs

Regards,
Urs

Gabe
Shopify Staff
Shopify Staff
3801 398 882

@KochKistl 

Have you tried other themes to see what behaviours and properties they have? Many themes are different in the way they show the presentation layer.

With your current theme, what you see on mobile is the expected theme behaviour and any changes on the mobile view only would require a lot of coding. Have you spoken to any experts about getting somebody to program the mobile theme code for you? If not there is one I highly recommend and who does good work for cheap -> www.taskhusky.com.

Drop them a line and see what they suggest as the best mode of action?

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

KochKistl
Entdecker
33 4 16

Hi Gabe!
Thank you very much!
We decided to develop a theme of our own with Shogun on a KochKistl clone on my partner's Shopify Partner account.
But first we need to get our infrastructure right.
Meaning:
- getting our SKU problem solved & streamlined -> Pick, Pack and Promo seems to be the right app here;

The only thing that won't do - for the time being - is this:

KochKistl_1-1613717424484.png

This is a no-go for mobile devices, it used to be plus and minus buttons - BDU safe - and we cannot find the cause of this in our AJAX code...

Thank you very much again for your great support!
Regards,
Urs

0 Likes
Gabe
Shopify Staff
Shopify Staff
3801 398 882

@KochKistl 

By BDU you mean? But yes, that sounds like a plan to have a really great Storefront and you are really putting the customer experience first!

I can fully understand that the Qty Selector on mobile isn't great but tbh, I found the UX ok as you can see below: 

image.png

Tip: As you offer food, your customers need regular deliveries and replenishments right? Have you thought about offering Subscription payment options to your customers?

Best,

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
KochKistl
Entdecker
33 4 16

Hi, Gabe!
Just one more question, please take a look:
https://www.kochkistl.at/

KochKistl_0-1614333522001.png

 

Shopify cart shows a red dot, however cart is empty.

How do we change that, if empty no red dot?
Thanks a lot for your efforts like always.
Best regards,

Urs

 

Gabe
Shopify Staff
Shopify Staff
3801 398 882

@KochKistl 

Hey Urs! Ask as many questions as you like - that's what I'm here for! : )

So the expected system behaviour and reason the cart icon is 'USUALLY' showing the red dot is because you still have a product (or more) in the cart. When you browse the shop and you put a product into the cart, the cart sets a persistent browser cookie in your browser settings that remembers your products from a previous browsing session.

However in your Shop there is something wrong (as you can see in my short video here). QQ: have you changed anything in the code?

What I suggest is you send that to our theme team and they will take a look. Please send us a ticket here and that will be forwarded to our theme team. Also please include a video that shows the issue or even use my video for your ticket to our theme team.

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
KochKistl
Entdecker
33 4 16

Hi, Gabe!
Actually we changed a lot of things in the code.
But that is not so important for now, it's cosmetics.
We use bundle builder for our shop, so never mind.
One thing is odd, though: https://www.kochkistl.at/

KochKistl_0-1614336270717.png

In HTML:
"<h2 style="text-align: center;">Die beste regionale Qualität von vertrauensvollen Partnern</h2>
<p style="text-align: center;">Fleisch, saisonale Gemüse, Milchprodukte, Eier, Nudeln, Pilze und viele andere Produkte: Im KochKistl findest du beste Tiroler Qualität&nbsp;von vielen&nbsp;regionalen Landwirten und Produzenten.</p>
<p style="text-align: center;"><a href="/pages/unsere-partner" class="btn">Mehr erfahren</a></p>"

Where does the red line come from?
Best regards,

Urs

 

0 Likes
Gabe
Shopify Staff
Shopify Staff
3801 398 882

@KochKistl 

Ok please include that in your ticket as I won't really be able to do an in-depth root-cause analysis. Unless Mario @r8r, you might have an idea? It could have something to do with the theme colour settings. See it on the HP here:

image.png

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
KochKistl
Entdecker
33 4 16

Dear Gabe, thank you very much so far!

There is one other thing I cannot wrap my head around, please take a look:

https://www.kochkistl.at/collections/all

Page one:

KochKistl_0-1614423570264.png

 

Page two:

KochKistl_1-1614423617884.png

Where does "

 

Spoiler

<a class="grid-product__image-link" href="/collections/all/products/beiried-mit-zwiebeln" data-image-link="">

<style>

@media screen and (min-width: 591px) {
.ProductImage-15759048310962 {
max-width: 310px;
max-height: 174.375px;
}
#ProductImageWrapper-15759048310962 {
max-width: 310px;
}
}



@media screen and (max-width: 590px) {
.ProductImage-15759048310962 {
max-width: 590px;
}
#ProductImageWrapper-15759048310962 {
max-width: 590px;
}
}

</style>

<div id="ProductImageWrapper-15759048310962" class="product--wrapper">
<div style="padding-top:56.25%;">
<img class="product--image ProductImage-15759048310962 lazyautosizes lazyloaded" data-widths="[180, 370, 590, 740, 900, 1080, 1296, 1512, 1728, 2048]" data-aspectratio="1.7777777777777777" data-sizes="auto" alt="" data-image="" data-srcset="//cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_180x.jpg?v=1613294261 180w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_370x.jpg?v=1613294261 370w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_590x.jpg?v=1613294261 590w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_740x.jpg?v=1613294261 740w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_900x.jpg?v=1613294261 900w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_1080x.jpg?v=1613294261 1080w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_1296x.jpg?v=1613294261 1296w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_1512x.jpg?v=1613294261 1512w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_1728x.jpg?v=1613294261 1728w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_2048x.jpg?v=1613294261 2048w" sizes="309px" srcset="//cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_180x.jpg?v=1613294261 180w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_370x.jpg?v=1613294261 370w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_590x.jpg?v=1613294261 590w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_740x.jpg?v=1613294261 740w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_900x.jpg?v=1613294261 900w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_1080x.jpg?v=1613294261 1080w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_1296x.jpg?v=1613294261 1296w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_1512x.jpg?v=1613294261 1512w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_1728x.jpg?v=1613294261 1728w, //cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_2048x.jpg?v=1613294261 2048w">
</div>
</div>
<noscript>
<img class="grid-product__image" src="//cdn.shopify.com/s/files/1/0510/2272/5298/products/KochKistl_BeiriedmitRoesti_Rezeptblatt_800px_1024x.jpg?v=1613294261" alt="">
</noscript>

</a>

 

come from...?

Why is it , that the exact same sized pictures with the exact same template in products are different in display?

Thanks again,
best regards.
Urs

"

 

0 Likes
Gift-o-the-Jab
Pionier
150 7 48

Hey @KochKistl 

Can you give some more details as to what you mean - that some images have different aspect ratios? All I see is this.

All images do not seem to have the same dimensions either as you can see in your code:

image.png

0 Likes