jokubas2000k

Hi @abhikr781,

Thank you for your answer.

I found a plugin that allows to display different headers based on user roles, called, Elementor – Header, Footer & Blocks Template.

However, when I use the [oceanwp_nav] shortcode in the custom header, it’s not completely functional. The menu items and hover animations don’t work.

The [oceanwp_nav] shortcode works everywhere else I’ve tried, but not with Elementor – Header, Footer & Blocks Template. Why?

Hi @rynald0s,

It’s like that with all of the password fields throughout the whole website.

You can inspect the password field on the checkout page: [ link in link field ] (The last checkout field)

• This reply was modified 3 years, 8 months ago by Jan Dembowski.
• This reply was modified 3 years, 8 months ago by Jan Dembowski.

Hi @nixiack8,

Thank you for your answer.

The checkbox is always visible for logged in users, I don’t have a problem with that, if that’s what you’re saying.

I would like the checkbox to be always checked by default when the user enters the checkout page. Currently, it’s unchecked by default.

The filter you provided did not seem to have any effect. The checkbox is still unchecked by default.

Hey @nixiack8,

Thank you for your answer.

Is it by any chance possible to change the labels without a plugin? I don’t really want to download a whole plugin for something so simple..

Thanks!

Hi @rossviviano,

I was talking about the labels above the fields, as shown here: https://ibb.co/6JCP3yh

But if possible, I would also like to change the CVC placeholder to 123.

Hi @rur165,

Thank you for your answer.

I was able to directly style the checked state of the payment methods using:

#payment_method_stripe:checked + label, #payment_method_paypal:checked + label {
  border-color: #000;
}

I found the answers to questions number 2 and 3.

To change the icon I used:

ul.woocommerce-error li::before {
	color: #E43328;
  font-family: "Font Awesome 5 Free";
	content: "\f06a";
	font-size: 20px;
}

Found the answer at Font Awesome. However, Font Awesome does not recommend doing it this way as it’s more complicated and prone to errors. What is the better way?

To highlight empty required fields I used:

.woocommerce-invalid-required-field input {
        border-color: #e9322d !important;
}

I still need help with question Nr 1.

Hi @jricketts4,

Sure: https://www.mydreamtattoo.com/checkout/?add-to-cart=3980

Thanks in advance

Hi @rur165,

I have one more question. For some reason I am unable to add any margins to any of the order details table elements, only paddings. Are margins disabled for these elements the same way borders were? If so, is there a way to enable them?

Thanks!

I found all of the CSS selectors I need. Thank you for your help @rur165.

Hi @rur165,

Thank you for your answer. Most of your suggestions worked or at least guided me in the direction to figure it out myself. Except for the 5th question.

+ 1. I used:

.woocommerce-checkout .select2-container .select2-selection--single {
   height: 43px !important;
   padding-top: 7px !important;
}

And it worked.

+ 2. Your suggestion worked.

+ 3. It didn’t work without th at the end of each CSS selector. .cart-subtotal th, .cart-discount th and .order-total th.

+ 4. Your suggestion worked.

– 5. The .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td CSS selector targets all of the sections simultaneously. I would like to target each section individually. Is that possible?

Thanks

Hi @crazywickedawesome,

I found the issue.

It turns out that because my billing address on Apple Pay does not have a State/County and State/County is a required field at WooCommerce checkout, the payments could not be completed.

I removed the State/County field altogether and the payment went through fine.

I noticed that the billing information requested by Apple Pay depends on the country. Some countries require to fill in more billing fields than the others. My country does not have states or counties, but it’s a required field at WooCommerce checkout, therefore the payment could not be completed.

United Arab Emirates does not have postcodes so WooCommerce checkout hides the Postcode/ZIP field if United Arab Emirates is selected, so Apple Pay would probably work.

So it looks like the solution would be to hide the State/County field if a country without states or counties is selected. But this requires custom code.

Hi @crazywickedawesome,

I enabled logging and tried to complete a payment with Apple Pay but the Stripe logs do not appear in the dropdown at WP-admin > WooCommerce > Status > Logs.

Here’s the list of all the logs in the dropdown: https://ibb.co/wpwZpHv

Hi @maykato,

Thank you for your response.

Yes, I have. I tried clearing the cache in SG Optimizer, SiteGround, Cloudflare and Chrome but it didn’t help.

I have now disabled every caching/optimization/minification plugin/setting for the site possible but the issue still appeared. However, I had not cleared the browser cache after disabling these settings so I cleared the cache in Chrome and am constantly checking if the issue remains.

The problem is that the issue appears erratically, therefore it’s nearly impossible to replicate it and test the solutions. It might even disappear for a week, making it seem like a solution worked, and randomly appear again.

I have, however, noticed that the issue usually appears after a long time of inactivity on the site. If I leave my website open for a long time in the background and come back to it, that’s usually when the styling of the coupon field at checkout does not load up properly.

Kind Regards,
Jokūbas

Hi @chemicloud,

Thank you for your response but the page you linked does not exist.

Could you please correct the link?

Thanks