CSS Problem Mehrstufige Kasse mit Enfold + Germanized Pro - Support

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
May 5, 2017 at 8:05 pm #788642
Jannis
Participant
— German translation is beneath this version —

Hi,
I use in my shop enfold and the plugin germanized pro. I activated within germanized pro the multi-step-checkout option which divides the standard one page checkout via ajax into multiple steps. Now I have a problem with the layout in step 2 (choose payment).
The problem:
The border is missing between and around the visible payment methods. It only appears when you switch the payment method (just click another radio button). Sometimes when you hover over it the border flashes and becomes partly visible.
Germanized and germanized pro as well as wordpress and woocommerce are all up2date. I already opened a support ticket at their forum but they failed to help me.
I use the avia layoutbuilder in general for the site but I didnt make any alterations in the checkout after the formular. Nor via css, js or a custom layout via the page builder. I only alted two woocommerce templates (success.php and mini-cart.php) which I enqueued to my child theme. But its not them. I already removed them to test it.
I also one removed my whole child stylesheet and my child functions.php to at least narrow it dont. Unfortunately the problem always remains the same. Of course I always tested in a new incognito window to avoid caching problems.
In the Germanized Pro Plugin they even have an option to “force their template” to avoid 3rd party template problems which I tried but no luck (its now off again).

I tested in multiple browsers and could narrow it down to the following specs:
The error only appears in combination with Mac OS Sierra + Chrome. Earlier additionally to the current mistake the “continue” button didnt appear as well. Since I updated chrome to Version 58.0.3029.81 (64-bit) the button is visible but the border problem remains the same. Safari und Firefox work fine.

Best
Jannis

— German Translation —

Hi
ich nutze im Shop für meinen Kunden Enfold und Germanized Pro. Hier habe ich in Germanized Pro die mehrstufige Kasse aktiviert und ein Problem mit der Darstellung in Schritt 2 (Zahlarten). Die Merhstufige Kasse unterteilt den Onepage checkout per Ajax in mehrere Schritte.
Das Problem:
Es fehlt der Rahmen (border) um und zwischen den Zahlarten. Er erscheint erst, wenn man die Zahlarten wechselt. Wenn man über den Button fährt, blitzt es manchmal hervor. Es gibt scheinbar irgendwelche CSS Probleme. Ich habe für diese Seite allerdings keine Individualisierungen umgesetzt, weshalb es mich etwas wundert. Germanized und Germanized Pro sowie WordPress und Woocommerce sind auf dem neuesten Stand.
Ich habe in deren Forum bereits ein Support-Ticket eröffnet. Sie konnten mir leider nicht helfen.
Ich nutze zwar den Avia Layoutbuilder allerdings habe ich im Checkout (ab Formular) keinerlei Veränderungen weder per CSS, JS noch mit einem Custom Layout via Page Builder vorgenommen. Einzig zwei WooCommerce Templates (success.php und mini-cart.php) habe ich erweitert und in meinen Child Theme Folder gepackt. Die sind es aber nicht. Ich habe beide auch schon einmal testweise entfernt und geschaut ob der Fehler noch da ist. Um einen Fehler meinerseits weiter auszuschließen habe ich ebenfalls testweise mein komplettes CSS und meine functions.php für das Child theme entfernt. Fehler bleibt nach wie vor bestehen. Natürlich teste ich alles immer im Inkognito Fenster, damit ich einen leeren Cache habe.
Selbst wenn ich in Germanized Pro das Feld “Erzwinge Template” anhake bleibt der Fehler bestehen.

Ich habe in verschiedenen Browsern und mit Cache löschen getestet und folgendes festgestellt:
Der Fehler tritt bei mir nur in Verbindung mit Mac OS Sierra + Chrome auf. Zu Beginn wurde der “Weiter” Button ebenfalls nicht angezeigt. Ich hab Chrome dann auf Version 58.0.3029.81 (64-bit) upgedatet und jetzt ist der Button zwar sichtbar, aber die border immer noch nicht. Ich nutze Chrome in Verbindung mit Mac OS X Sierra. Safari und Firefox funktionieren übrigens problemlos.

Freue mich über Hilfe.
Danke.
- This topic was modified 7 years, 7 months ago by Jannis. Reason: Translation into english
May 8, 2017 at 5:47 am #789320

John Torvik
Inactive Moderator

Hey Jannis,

Please, is possible to explain your question in English?

Best regards,
John Torvik

May 8, 2017 at 9:21 am #789352

Jannis
Participant

Hey John,

sure thing.
I use in my shop enfold and the plugin germanized pro. I activated within germanized pro the multi-step-checkout option which divides the standard one page checkout via ajax into multiple steps. Now I have a problem with the layout in step 2 (choose payment).
The problem:
The border is missing between and around the visible payment methods. It only appears when you switch the payment method (just click another radio button). Sometimes when you hover over it the border flashes and becomes partly visible.
Germanized and germanized pro as well as wordpress and woocommerce are all up2date. I already opened a support ticket at their forum but they failed to help me.
I use the avia layoutbuilder in general for the site but I didnt make any alterations in the checkout after the formular. Nor via css, js or a custom layout via the page builder. I only alted two woocommerce templates (success.php and mini-cart.php) which I enqueued to my child theme. But its not them. I already removed them to test it.
I also one removed my whole child stylesheet and my child functions.php to at least narrow it dont. Unfortunately the problem always remains the same. Of course I always tested in a new incognito window to avoid caching problems.
In the Germanized Pro Plugin they even have an option to “force their template” to avoid 3rd party template problems which I tried but no luck (its now off again).

I tested in multiple browsers and could narrow it down to the following specs:
The error only appears in combination with Mac OS Sierra + Chrome. Earlier additionally to the current mistake the “continue” button didnt appear as well. Since I updated chrome to Version 58.0.3029.81 (64-bit) the button is visible but the border problem remains the same. Safari und Firefox work fine.

Screenshots and login details are in the previous comment.

Thanks for your help.
Best
Jannis

May 8, 2017 at 4:27 pm #789693

Andy
Inactive Moderator

Hi,

I can’t see any issues on your screenshots. What exactly do you want to achieve instead? a mockup showing the results you need, would help.

Best regards,
Andy

May 8, 2017 at 8:41 pm #789827

Jannis
Participant

Hi Andy,

usually as part of the theme there are borders around all payment options. In Safari they are visible. However in chrome they are not visible when u come to the step of choosing a payment method and only become visible if you switch the payment option (e.g. from paypal to überweisung.) or sometimes even just hover over the area. I named the screenshots in the enclosed private content that it is more clear.

Again: It seems to be a problem only in chrome + mac os. I unfortunately dont have a windows computer to verifiy if it is an overall chrome problem.

I hope it is more clear now.

Best,
Jannis

May 9, 2017 at 6:35 am #789999

John Torvik
Inactive Moderator

Hi,

I am sorry, but Ive tried to access your site, but the credentials arent correct.

Best regards,
John Torvik

May 9, 2017 at 3:16 pm #790346

Jannis
Participant

Hey John,

this is for overcoming the htaccess not for loggin into wordpress backend. You say that you cannot see the actual website with this details? Or do you need wordpress backend login?

Best

May 9, 2017 at 8:45 pm #790577

Basilis
Inactive Moderator

Hi,

Can you please disable the htaccess password and enable ONLY the WordPress backend details please?

Best regards,
Basilis

May 9, 2017 at 9:05 pm #790592
Jannis
Participant
Hi,

please find below the temporary login and details for the htaccess pw.

I switched for you guys everything to english.

edit: Sorry i really wouldnt like to disable the htaccess if not necessary. I put the login details for it. Is that ok?

Thank you,
Jannis
- This reply was modified 7 years, 7 months ago by Jannis.
May 11, 2017 at 5:22 pm #791754

Andy
Inactive Moderator

Hi,

you’re using quite a lot of plugins and I guess one is casing this issue. Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem.
In addition to that, please let us know if we are allowed to deactivate one or more of your plugins as well for testing purposes :)

Also please update the theme to the latest version. That should fix any issues you are currently experiencing :)

To update to the latest version follow the simple instructions here. (Or if you want the super detailed explanation you can read this blog post)

If that does not help, feel free to reply here and we will take a closer look at the issue. In that case please also add your WordPress login credentials (in the “private data” field) so we can take a look at your admin area

Best regards,
Andy

May 12, 2017 at 1:10 am #791984

Jannis
Participant

Hi,

Thank you. I will try all these options, starting with the theme update. What if my client purchased the theme but didnt make an envato account (is that even possible?). How can I get the newest version of the theme in this case? I still have the purchase code to conform that it was a legit purchase.

Best,
Jannis

May 12, 2017 at 4:39 pm #792388

Andy
Inactive Moderator

Hi,

you need to have an envato account, otherwise you can’t purchase the theme. So login and get a fresh copy. If you don’t know your login details, then contact Envato support about it.

Best regards,
Andy

May 13, 2017 at 11:01 pm #792812

Jannis
Participant

Hi,

I updated the theme, deactivated all plugins (except for woocommerce and germanized + germanized pro) but the problem remains the same. Of course the problem disappears if I deactivate germanized/ germanized pro but having this multi step checkout is one big advantage of the plugin. The multistep checkout is based on ajax if that helps. If I make the one step checkout is fine. Any known problems with JS, Ajax and enfold?

I made u another temporary access. See below. You have the permission to deactivate plugins.

Remember the problem appears only in chrome. You guys can also reproduce it, right?

Best
Jannis

May 15, 2017 at 6:18 am #793164
Ismael
Moderator
Hi,

Resizing the browser somehow fixes the background and border issue. Please try to add this css code.
```
#order_review, #order_review_heading {
    clear: none;
}

#top #payment {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
}

.main_color #payment {
    background-color: #f8f8f8;
}

#top #payment ul.payment_methods li {
    line-height: 2em;
    text-align: left;
    margin: -1px 0 0 0;
    font-weight: normal;
    border-style: solid;
    border-width: 1px;
    padding: 15px;
}
```
Best regards,
Ismael
May 15, 2017 at 11:12 pm #793596

Jannis
Participant

Hi Ismael,

true resizing the browser fix it. Same as selecting a payment method. Unfortunately your styles didnt solve the problem for me. I put it into my child theme css. It did the job for you in mac os + chrome, yes?

I removed cache and openend in inkognito but same old.

Another idea?

Best,
Jannis

May 16, 2017 at 6:58 pm #794287

Andy
Inactive Moderator

Hi,

we can’t really help as it’s about a 3rd plugin and we can’t provide support for every plugin out there. Please contact plugin’s author instead. If they can’t help you I would try a different plugin. Have a look at this: https://kriesi.at/support/topic/woocommerce-de-erweiterung-fur-kriesi-themes/

Of course you could also hire a freelance developer for this job.

Best regards,
Andy
Author

Posts

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.