Header and footer in Advanced Layout for Cart/Checkout

This topic has 31 replies, 2 voices, and was last updated 2 years, 4 months ago ago by Rose Tyler

  • Avatar: Krzysztof
    Krzysztof
    Participant
    August 3, 2022 at 10:32

    Hi
    Advanced Layout for Cart/Checkout comes with new/different footer and header. Footer I managed to recreate somehow but header is … hmmm .. very very simple :).
    Is there any chance that I could disable this simple header and turn-on default one which I have on other pages (also in Cart/Checkout when Advanced Layout for Cart/Checkout is off)

    30 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2022 at 09:14

    Hello,

    Thanks for using our Theme.
    This was designed to lighten these pages from other info.
    Is there any chance that I could disable this simple header and turn-on default one which I have on other pages (also in Cart/Checkout when Advanced Layout for Cart/Checkout is off) – there is no such option, right now.
    You can create a request – https://www.8theme.com/taskboard/ and our dev team will analyze how many people the old header on these pages needs.

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 4, 2022 at 09:53

    Thank you Rose for reply
    I understand the idea that cart/checkout headers should be “light” and do not disturb buyer … and I really support it 🙂 … the only issue is that this “light” header looks really bad and is super “basic”, especially on mobile.
    I did try to customize it a bit via custom CSS but still result was way beyond expectations.

    The best solution would be to simply attach here the same header builder as we have on standard pages and give users freedom to build own “light” headers 🙂
    If I’m not mistaken there is already a mechanism to create multiple headers in header builder, so seems it is just a matter of “connecting” this mechanism to Advanced Layout for Cart/Checkout

    I will create a request as you suggested, but in a meantime is it not possible to replace it somehow via custom code ? … unload one header and load default ? 🙂

    I’m asking for this as I really love design of the middle part of Advanced Layout for Cart/Checkout 🙂 especially multistep and product pics on checkout 🙂 Default (woocommerce) checkout looks terrible in XXI century 🙂

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 4, 2022 at 10:01

    just posting a link to request … in case some more users would like to have the same 🙂

    https://8theme.upvoty.com/b/xstore/header-and-optimally-footer-in-advanced-layout-for-cart-checkout/

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2022 at 10:11

    Hello,

    Do you have a staging site (full copy of the existing one), so we can do tests there without affecting your business?

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 4, 2022 at 12:20

    Sure 🙂 see private area

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2022 at 12:28

    Please download the theme and Core plugin from the link in the Private Content area. And do the update on the staging site. Then add the next code
    add_filter('etheme_cart_checkout_light_header', '__return_false'); in functions.php file of child theme.

    Regards

    Please contact administrator
    for this information.
    Avatar: Krzysztof
    Krzysztof
    Participant
    August 4, 2022 at 12:56

    you are the star 🙂 Make it permanent in next theme update 🙂

    one small thing to be corrected … it works great on desktop but not on mobile
    seems both (mobile and desktop are headers are inserted) 🙂
    see private

    Please contact administrator
    for this information.
    Avatar: Krzysztof
    Krzysztof
    Participant
    August 4, 2022 at 13:06

    one more thing … any chance to add checkout steps into the breadcrumbs ?

    and pls check the colour of cart icon in the header … it is changing depending if you are in cart/checkout or on other pages … no big deal as I can overwrite it by custom css but you might make it permanently corrected in final solution. 🙂

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 4, 2022 at 14:49

    i think you can ignore this 🙂 … seems that it was some cache issue as now when I created a second header and connected it to checkout page only, all is good … now I will do my custom css styling and I’m super happy 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2022 at 15:04

    Download theme and Core plugin from link in the Private Content area –

    Regards

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 4, 2022 at 16:08

    Hello,

    We decided to add a new option after those changes you asked (Let’s allow more customers to feel full possibilities of advanced layout of Cart/Checkout pages) -> https://prnt.sc/4fi6Rl0NSJ1O
    Download archives by a link from the Private Content area.

    So it is needed to just enable that option in next update (or your archives we sent you in private) and you will have the same visual effects (filter we recommended before will not work)

    If you will find any issues, please, write us and we will try to fix it !
    Let’s make a hard test before official release so that others will just say thanks for good work without any breaking issues having !

    Regards

    Please contact administrator
    for this information.
    Avatar: Krzysztof
    Krzysztof
    Participant
    August 4, 2022 at 20:45

    This is what we call amazing and customer oriented support 🙂
    Thank you soo much .. I will play with it for a while and if will face any issues I will let you know … for now (30 min after installation) all seems to be perfectly fine.

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 4, 2022 at 21:18

    Rose, one quick observation .. most probably not related with our new feature but in general with multistep checkout behaviour.

    I can not capture it as I should make a video not a screenshots, but I believe you will notice issue very easily. 🙂

    Please go to my site from mobile (on desktop it is the same but less annoying 🙂 and add something to the cart.
    Go to checkout, scroll to the end of “billing data” form, click on “Wybierz dostawę” which should direct you to “Delivery methods”.
    Before you touch the screen, please notice what you got on the screen … you are not at the top of list of deliveries but somewhere in the middle of the page.
    Same thing happens when you go next step (“Forma Płatności” = “payment”) and scroll down to the end of payments form and click “Wstecz” (“go back”)
    All is ok if you are not scrolling the page.

    The same happens on “separated” or “multistep” layouts.

    Most probably this could be easily corrected if all of those buttons would direct to the hook placed just above the breadcrumbs with “checkout steps” 🙂 only content below could reload 🙂

    shall you not be able to see what the issue is, I will try to somehow record my screen and provide a short video 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 5, 2022 at 08:38

    Hello,
    Our developers uploaded improved version of scripts on your staging web-site.
    Please, check again !
    Waiting for your reply !
    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 5, 2022 at 11:09

    Hi
    On mobile works almost perfect 🙂 but it could scroll up just a little bit more. Currently it goes to th top of the form field but could go u to the title of section.

    On desktop I do not see any change = no scrolling to the top of the form/section.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 5, 2022 at 12:58

    Hello @Krzysztof,
    Our developers uploaded a bit improved file so you may check it one more time !

    About “On desktop I do not see any change = no scrolling to the top of the form/section.” – it is more important to scroll on mobile (which is implemented for you and for the next theme update) but on desktop it will be worse for the UI/UX so it will be as it was (without scrolling to the section).

    Maybe we will do more testing and add some improves for desktop also but for this time I hope you are satisfied by the improves we made together !

    Thanks for the cooperation in making theme features better !

    Regards, @rose-tyler

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 5, 2022 at 13:23

    It is perfect now 🙂
    Thank you soo much 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 5, 2022 at 13:50

    You’re welcome!
    Have a nice day!

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 18, 2022 at 22:32

    Could you please make a test order on my staging site ?
    Just add to cart randomly selected product and put random data into the order form. On payment page, select the first one which is bank wire transfer.

    I’m noticing issue on “confirmation page” once press button “order and pay”
    In the order details/summary section, I’m getting message “W witrynie wystąpił błąd krytyczny.” what mens that critical error occur + page looks like it would be on mobile.
    See priv.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 19, 2022 at 08:33

    Hello,

    Enable debug mode in WordPress – https://wordpress.org/support/article/debugging-in-wordpress/ to find out what error appears on your site, it will point you in the right direction what needs to be fixed.
    Please provide FTP access, then I will ask one of our developers to check the problem more deeply and help you.
    If you do not know how to create FTP contact with your hosting provider, they will help you.

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 19, 2022 at 11:28

    Hi
    Seems we have some incompatibility with woocommerce-tm-extra-product-options plugin.

    With standard/normal layout for Cart & Checkout all works ok with this plugin.

    When I turn on Advanced Layout for Cart/Checkout I see the following error in debug:

    
    [19-Aug-2022 10:15:19 UTC] PHP Fatal error:  Uncaught Error: Cannot use object of type WC_Product_Simple as array in /XXX/wp-content/plugins/woocommerce-tm-extra-product-options/includes/classes/class-themecomplete-epo-cart.php:2735
    Stack trace:
    #0 /XXX/wp-includes/class-wp-hook.php(307): THEMECOMPLETE_EPO_Cart->woocommerce_cart_item_thumbnail()
    #1 /XXX/wp-includes/plugin.php(191): WP_Hook->apply_filters()
    #2 /XXX/wp-content/themes/xstore/woocommerce/checkout/thankyou-advanced.php(103): apply_filters()
    #3 /XXX/wp-includes/class-wp-hook.php(307): {closure}()
    #4 /XXX/wp-includes/plugin.php(191): WP_Hook->apply_filters()
    #5 /XXX/wp-content/plugins/woocommerce/templates/order/order-details-item.php(33): apply_filters()
    #6 /XXX/wp-content/plugins/woocommerce/includes/wc-core- in /XXX/wp-content/plugins/woocommerce-tm-extra-product-options/includes/classes/class-themecomplete-epo-cart.php on line 2735
    

    When I turn off above mentioned plugin, Advanced Layout for Cart/Checkout works fine again … therefore definitely we have some incompatibility here 🙁

    Reg FTP access .. I’m able to provide SFTP access only. Standard FTP is not available on my server. If this is ok for you, please let me know and I will generate new set of RSA keys for you and will prepare everything on server side.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 19, 2022 at 12:04

    Yes, please provide SFTP access, then I will ask one of our developers to check what can be done to help you.

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 19, 2022 at 15:52

    pls see prv

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 19, 2022 at 16:00

    Hello,

    Thanks for the reply. I’ve passed this topic to our dev team. They will check it and give an answer after the weekend. Please be patient and do not change access.

    Regards

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 22, 2022 at 15:08

    Hello,

    You provided us the ftp connection to you staging site (according to the path on ftp) and we uploaded fix on it. Fix is located in xstore/woocommerce/checkout/thankyou-advanced.php

    Please, check if it is ok and if so you may upload that file on your production site.

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 22, 2022 at 17:31

    Hello
    This time no error in order with standard shipment metod, thank you 🙂

    But when I selected shipping via “Paczkomaty inpost 24/7” I can’t place order. Error in red filed says “Proszę wybrać paczkomat” what means “Please select parcel locker” which is mandatory for this type of shipment:
    https://gyazo.com/a7c6abc84a39cc6cb0284e96204d81ee

    Parcel locker has been selected from the map on the right hand side (box with product and shipping details: https://gyazo.com/76391935bbccce7a4360126869c1deab

    Can you please have a look ?
    On production site, where I have standard cart/checkout all works fine.

    PS:
    Interesting error I fount in debug log … please see prv.
    Error seems to be related to WPForms not Paczkomaty integration so not sure if this is relevant to above issue.

    Please contact administrator
    for this information.
    Avatar: Krzysztof
    Krzysztof
    Participant
    August 22, 2022 at 18:54

    PS .. you should also have access to debug file now, so you can check errors by yourself 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 23, 2022 at 13:40

    Hello,

    Could you please, make sure that everything is ok with other types of advanced checkout (classic/multistep) or disabled. If so then it seems we understand that due to structure of such layout (separated one) it is not possible to make compatibility with such plugins which require specific (default) structure of checkout page. If so, you can only switch to another type (not separated type) and use them. In next update we will add notification about possible incompatibilities of such layout type with some delivery/payment plugins.

    We checked it from our side and we really found that the bug persists now only with separated layout (which you are using) so please, check the text above where we described what is possible to do (change layout to classic/multistep or disable)

    P.S. Multistep layout should be ok on your staging because we uploaded our fix for such layout and it will be included in the theme update.

    Regards

    Avatar: Krzysztof
    Krzysztof
    Participant
    August 23, 2022 at 17:04

    Hi
    I did many tests and classic/multistep seems to be ok now 🙂 .. thank you very much … again great support 🙂

    Should I copy entire theme and et-core to production site or wait for next release ?

  • 1 2
    Viewing 30 results - 1 through 30 (of 31 total)

The issue related to '‘Header and footer in Advanced Layout for Cart/Checkout’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.