FROM CACHE - de_header

Brooklyn theme

Gelöst
KochKistl
Entdecker
34 4 16

First, icon does not show:

https://www.kochkistl.at/51022725298/checkouts/5f2d17e4f4c3934b914ad46be290fb63

Secondly, dropdown list is show, whereas button is selected.

https://www.kochkistl.at/collections/all/products/beiried-mit-zwiebeln

Please advise.

Urs

 

4 AKZEPTIERTE LÖSUNGEN

Anerkannte Lösungen
Gabe
Shopify Staff
Shopify Staff
8259 1274 2120

Erfolg.

Hey Urs! @KochKistl 

Ah gotcha! So Apply Pay will only show on an iPad or iPhone. Can you test that on one or the other?

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

Lösung in ursprünglichem Beitrag anzeigen

KochKistl
Entdecker
34 4 16

Erfolg.

Hi y'all!

The developers of our Delivery Date Schedule came up with a solution on their side:

https://www.kochkistl.at/cart

Customer cannot leave without picking a delivery date

KochKistl_0-1614837727545.png

Express Payment options are not displayed here.

One has to click "Zur Kasse" = go to checkout to see these options.
Why this again?
Because when Express Payment options are displayed here, and customer does NOT pick a delivery date and, let us say, chooses PayPal Express Checkout it can be done, however cart comes up empty and payment goes through.
Weird.

Anyway, the next step displays Express payments and with delivery date it works.

I hope that helps.

Best regards,

Urs

Lösung in ursprünglichem Beitrag anzeigen

KochKistl
Entdecker
34 4 16

Erfolg.

Hi Gabe!
Solution / addenum:

in timber.scss.liquid on line 3477 - right at the bottom of the file - this has to be set to

.additional_checkout_buttons .dynamic-checkout__content {
  display: block;
}
 
instead of:
.additional_checkout_buttons .dynamic-checkout__content {
  display:none !important;
}
 
and in cart.liquid commented:
{% comment %}
               {% if additional_checkout_buttons and settings.cart_type != 'drawer' %}
                <div class="additional_checkout_buttons">{{ content_for_additional_checkout_buttons }}</div>
              {% endif %}
{% endcomment %}
 
Now Express Payment buttons work on checkout page and don't show on cart page, which is crucial if you have to rely on a delivery date.
 
Best regards,
Walter

Lösung in ursprünglichem Beitrag anzeigen

KochKistl
Entdecker
34 4 16

Erfolg.

Hi Gabe!

Tried everything, gift card has not been used yet and was deactivated. Actually, code needs to be deleted or renamed and set up new.

Can you do that on your end...?
Most importantly, we started to set up a team of API specialists and this is what we are about to do:
- backend - of course - Shopify with
- Storefront API
- GatsbyJS and TailwindCSS for a frontend hosted on Netlify!

I attended a UDEMY course doing this:
https://gatsbymadhatterstore.netlify.app/
Github:
https://github.com/bodhicougar/gatsby-shopify-course

UDEMY course: ( Great, we recommend it! )
https://www.udemy.com/course/gatsby-ecommerce-shopify/
We endorse it, although we are NOT affiliated with Udemy in any way.

Please let me know as soon as possible how to solve the gift card issue.
Thanks in advance,
best regards
Walt

 

Lösung in ursprünglichem Beitrag anzeigen

42 ANTWORTEN 42
Gabe
Shopify Staff
Shopify Staff
8259 1274 2120

Hey Urs! @KochKistl 

Übrigens wir bieten auch Support in der Deutschen Sprache hier im Forum fall dir das lieber ist. But English is no probs either. 

Thanks for the sticky cart link. Those sure look like some tasty hot meals there! : ) 

You say "icon does not show". Can you elaborate on what you mean by that exactly, Urs? Here's what I see:

image.png

Then you say "dropdown list is show, whereas button is selected." I must apologize but I am not sure I understand what you mean by that. Is there a missing options drop-down list on the product page you linked? This is currently what I can see:

image.png

I'll await further details so we can continue to troubleshoot any issues you are experiencing.

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

KochKistl
Entdecker
34 4 16

Ok, Gabe! Thanks for the swift answer.

English is just fine with me.

Now please take a look:
when you open this link

https://www.kochkistl.at/collections/all/products/beiried-mit-zwiebeln

our icon on the tab shows, like this:

KochKistl Icon on tabKochKistl Icon on tab

However, when you open checkout:


https://www.kochkistl.at/51022725298/checkouts/5f2d17e4f4c3934b914ad46be290fb63

Icon doesn't show:

Bildschirmfoto vom 2021-02-16 16-15-34.png

Weird.

Moreover,
we set the quantity selector in our brooklyn theme to button, not to dropdown,  however, dropdown is what we get:

KochKistl_0-1613489008980.png

 

Please, take a look:
https://www.kochkistl.at/collections/all/products/beiried-mit-zwiebeln

KochKistl_1-1613489067800.png

We have looked all over the source and couldn't find the reason why.
Thanks for your advice in advance.
Urs

 

Gabe
Shopify Staff
Shopify Staff
8259 1274 2120

@KochKistl 

Thank you for the screenshots, Urs, which clarified a lot about the favicon and your quantity selector. I have created a short video on that here where I explain some of the system behaviour and I also reproduce the issue that you are seeing in my own test shop - such as that the favicon only reaches as far as where theme is active, and not as far as the checkout.

Regarding the Quantity Selector, this is what I see on my Google Chrome Browser and it is an up-down arrow, not a drop-down. Is that not what you are expecting? If you are seeing something else, what Browser are you using?

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

KochKistl
Entdecker
34 4 16

Hi, Gabe!
Thanks for the swift answer.
We always use the newest version of Google Chrome, and yes, you are right, it is an up-down arrow.
It used to be a button with a plus sign to the right and a minus sign to the left.
Up-down arrows are not so self-explanatory as buttons.

How do we get our buttons back?

Is it possible that one of our apps overrides the default settings?
Thanks again.

Regards,

Urs

Gabe
Shopify Staff
Shopify Staff
8259 1274 2120

Hey Urs! @KochKistl 

I see what you mean now and I found the issue. The quantity selector that you mean is not part of the theme and seems to come from an app. Let me show you what I mean.

Below is the button you mean and it's on a different page coming from an app (Bundles?):

The Page URL is kochkistl.at/apps/bundles/bundle/60586 and so you can see this button is made by an app and not by the theme. The page Inspect tool points to the Bundle Builder App:

image.png

Does that answer your question? 

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
34 4 16

Hi Gabe!
Well, you were absolutely right, however we are preparing a second solution, because the bundle builder app doesn't seem to forward SKUs for single items in bundle,
and we need that no matter what for logistics.
One recipe - many components - needs to be "de-bundled" for purchase orders and commissioning.

Here the link for our alternative: https://www.kochkistl.at/collections/all

And here the quantity selector is not what we want. We used Chrome DevTools of course to make sense of what is happening, many hours, to no avail.

KochKistl_0-1613576884383.png

Perhaps you could come up with a solution..?

Thanks for your swift answers and the videos, very much appreciated!
Best regards,
Urs

Gabe
Shopify Staff
Shopify Staff
8259 1274 2120

Ah gotcha! What you need is a bundles app that also manages the individual items inventory, SKUs etc. The Bundles App can do that AFAIK. Give it a try?

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
34 4 16

Gabe, one more thing for now:

Desktop view: hero page elements show in perfect order;

Mobile view not so. hero page elements slider, picture, text block and so on.

It should be slider, text block, picture and so on.

How do we change that?

Thanks again.

Urs.

Gabe
Shopify Staff
Shopify Staff
8259 1274 2120

Hey Urs! @KochKistl 

Thanks for the details. Let me first recap what you said here and then do some troubleshooting together with your good self:

Desktop view - the sections show in perfect order. They are the following:

  1. Hero Slider ("Du kochst mit Leidenschaft")
  2. Text and Image 1 ("Nur die beste Qualität, von vertrauensvollen Partnern")
  3. Text and Image 2 ("In 3 einfachen Schritten zu tollen Kochboxen mit allen nötigen Zutaten")
  4. Text and Image 3 ("Nachhaltig, hygienisch & gekühlt verpackt")
  5. Featured Collection ("Rezepte der Woche")

ISSUE on Mobile

The above section sequence is not being reflected on mobile, is that correct?

I tried to reproduce what you say but I got the exact same sequence on my Galaxy Note 20 Ultra as you can see in this screen recording .gif below. Is that what you mean? Send me more details in case I got it wrong, Urs.

See here:

video-1613646610

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
34 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
8259 1274 2120

@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
34 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

Gabe
Shopify Staff
Shopify Staff
8259 1274 2120

@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

KochKistl
Entdecker
34 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
8259 1274 2120

@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

KochKistl
Entdecker
34 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

 

Gabe
Shopify Staff
Shopify Staff
8259 1274 2120

@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

KochKistl
Entdecker
34 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

"

 

Gift-o-the-Jab
Pionier
231 13 73

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