Arise and build a service-oriented ministry,Chinese Pinyin song lyrics.Recharge Every day and Get Bonus up-to 50%!

Resolved Gabor Lippert
(@lunule)

3 years, 6 months ago

Hi,

We’d like to use the Google Pay button with it dark style – but, for some reason, the styles are incorrect. Nothing shop up except a black rectangle. Customers don’t recognize it’s a Google Pay button.

I see you have multiple bug reports about the Google Pay button not showing up – and this might be the same problem. If we choose the light color scheme, it looks like there’s nothing.

But the button is there. I checked the styles, and it seems like Google is pushing incorrect styles with padding values breaking the background image position.

So – I have a feeling that this is something on Google side, not yours – but even if that’s the case, is there something/anything you can do?

Thanks ???♂?

PS: I tested the Stripe payment gateway, there’s no problem, no logged Stripe error.

The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

laceyrod

(@laceyrod)

Automattic Happiness Engineer

3 years, 6 months ago

Hi @lunule –

Thanks for reaching out.

I was able to take a look at your site, and I do see the described behavior:

However, I’m not able to reproduce this on a default installation. You can see my product page here:

Would you be able to test with a default theme active, like Storefront, to see if this changes how the button is displayed?

Can you also copy and paste your System Status Report into this thread so that we can check for any red flags there? You can find this by going to WooCommerce > Status > System Status > Get System Report in your WP-Admin dashboard.

Thanks and looking forward to your reply!

Thread Starter

Gabor Lippert

(@lunule)

3 years, 6 months ago

Hi Lacey,

Thanks for your reply – I have tested the button with Storefront, and it looks totally OK there, indeed.

I checked the button codes, and the weird thing is that there’s some code missing from the current theme’s button code (https://postimg.cc/fkS7Zkj4), compared to the code pushed by Google when Storefront is the active theme (https://postimg.cc/svFY2ywM).

And the WooCommerce system report:


### WordPress Environment ###

WordPress address (URL): https://arnettfarms.com
Site address (URL): https://arnettfarms.com
WC Version: 5.3.0
REST API Version: ? 5.3.0
WC Blocks Version: ? 4.9.1
Action Scheduler Version: ? 3.1.6
WC Admin Version: ? 2.3.0
Log Directory Writable: ?
WP Version: 5.7.2
WP Multisite: –
WP Memory Limit: 512 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 7.4.16
PHP Post Max Size: 128 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
cURL Version: 7.71.0
OpenSSL/1.1.1d

SUHOSIN Installed: –
MySQL Version: 5.6.51-cll-lve
Max Upload Size: 128 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 5.3.0
WC Database Prefix: wp_
Total Database Size: 33.98MB
Database Data Size: 27.96MB
Database Index Size: 6.02MB
wp_woocommerce_sessions: Data: 1.49MB + Index: 0.06MB + Engine MyISAM
wp_woocommerce_api_keys: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_order_items: Data: 0.24MB + Index: 0.12MB + Engine MyISAM
wp_woocommerce_order_itemmeta: Data: 1.75MB + Index: 1.20MB + Engine MyISAM
wp_woocommerce_tax_rates: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wp_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_payment_tokenmeta: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wp_woocommerce_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_actionscheduler_actions: Data: 0.25MB + Index: 0.09MB + Engine MyISAM
wp_actionscheduler_claims: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_actionscheduler_groups: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wp_actionscheduler_logs: Data: 0.14MB + Index: 0.11MB + Engine MyISAM
wp_commentmeta: Data: 0.02MB + Index: 0.02MB + Engine MyISAM
wp_comments: Data: 0.89MB + Index: 0.33MB + Engine MyISAM
wp_eg_grids: Data: 0.04MB + Index: 0.01MB + Engine MyISAM
wp_eg_item_elements: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_eg_item_skins: Data: 2.51MB + Index: 0.03MB + Engine MyISAM
wp_eg_navigation_skins: Data: 0.15MB + Index: 0.01MB + Engine MyISAM
wp_imagify_files: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_imagify_folders: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_ms_snippets: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_options: Data: 3.72MB + Index: 0.12MB + Engine MyISAM
wp_postmeta: Data: 14.22MB + Index: 2.79MB + Engine MyISAM
wp_posts: Data: 1.21MB + Index: 0.21MB + Engine MyISAM
wp_rank_math_404_logs: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wp_rank_math_analytics_gsc: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_rank_math_analytics_objects: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wp_rank_math_internal_links: Data: 0.03MB + Index: 0.01MB + Engine MyISAM
wp_rank_math_internal_meta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wp_rank_math_redirections: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_rank_math_redirections_cache: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_responsive_menu: Data: 0.01MB + Index: 0.02MB + Engine MyISAM
wp_revslider_css: Data: 0.09MB + Index: 0.00MB + Engine MyISAM
wp_revslider_layer_animations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_revslider_navigations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_revslider_sliders: Data: 0.02MB + Index: 0.00MB + Engine MyISAM
wp_revslider_slides: Data: 0.11MB + Index: 0.00MB + Engine MyISAM
wp_revslider_static_slides: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_rsssl_csp_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_snippets: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_termmeta: Data: 0.01MB + Index: 0.02MB + Engine MyISAM
wp_terms: Data: 0.01MB + Index: 0.02MB + Engine MyISAM
wp_term_relationships: Data: 0.03MB + Index: 0.05MB + Engine MyISAM
wp_term_taxonomy: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wp_usermeta: Data: 0.47MB + Index: 0.28MB + Engine MyISAM
wp_users: Data: 0.03MB + Index: 0.04MB + Engine MyISAM
wp_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine MyISAM
wp_wc_admin_note_actions: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
wp_wc_category_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wc_customer_lookup: Data: 0.05MB + Index: 0.04MB + Engine MyISAM
wp_wc_download_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wc_order_coupon_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wc_order_product_lookup: Data: 0.30MB + Index: 0.25MB + Engine MyISAM
wp_wc_order_stats: Data: 0.08MB + Index: 0.06MB + Engine MyISAM
wp_wc_order_tax_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wc_product_meta_lookup: Data: 0.03MB + Index: 0.05MB + Engine MyISAM
wp_wc_reserved_stock: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wc_tax_rate_classes: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wp_wc_webhooks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wpgdprc_consents: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wpgdprc_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM

### Post Type Counts ###

attachment: 644
cpt_layouts: 4
cpt_services: 8
cpt_team: 3
cpt_testimonials: 3
custom_css: 2
customize_changeset: 1
essential_grid: 3
mc4wp-form: 1
nav_menu_item: 63
oembed_cache: 2
page: 39
popup: 2
popup_theme: 8
post: 7
product: 94
product_variation: 229
revision: 51
shop_coupon: 1
shop_order: 1070
shop_order_refund: 38
wafs: 1
wpcf7_contact_form: 1

### Security ###

Secure connection (HTTPS): ?
Hide errors from visitors: ?

### Active Plugins (29) ###

Classic Editor: by WordPress Contributors – 1.6
Code Snippets: by Code Snippets Pro – 2.14.1
Contact Form 7 Datepicker: by Aurel Canciu – 2.6.0
Contact Form 7: by Takayuki Miyoshi – 5.4.1
Customizer Export/Import: by The Beaver Builder Team – 0.9.2
Facebook for WooCommerce: by Facebook – 2.5.0
GA Google Analytics: by Jeff Starr – 20210211
Imagify: by WP Media – 1.9.14
WPBakery Page Builder: by Michael M - WPBakery.com – 5.7
Kadence WooCommerce Email Designer: by Kadence WP – 1.4.7
MC4WP: Mailchimp for WordPress: by ibericode – 4.8.4
Page Links To: by Mark Jaquith – 3.3.5
Really Simple SSL pro: by Really Simple Plugins – 4.1.9
Really Simple SSL: by Really Simple Plugins – 4.0.15
Slider Revolution: by ThemePunch – 6.1.2
Rank Math SEO: by Rank Math – 1.0.64
Simple Banner: by Ryan Petersen – 2.10.2
ThemeREX Addons: by ThemeREX – 1.6.40
UpdraftPlus - Backup/Restore: by UpdraftPlus.Com
DavidAnderson – 1.16.56

All In One Addons for WPBakery Page Builder (formerly Visual Composer): by Sike – 3.5.0
WooCommerce Admin: by WooCommerce – 2.3.0
WooCommerce Advanced Free Shipping: by Jeroen Sormani – 1.1.4
WooCommerce Stripe Gateway: by WooCommerce – 5.2.0
Woocommerce Gift Wrapper: by Little Package – 4.4.6
WooCommerce - ShipStation Integration: by WooCommerce – 4.1.42
WooCommerce: by Automattic – 5.3.0
WP Downgrade | Specific Core Version: by Reisetiger – 1.2.2
WP GDPR Compliance: by Van Ons – 1.5.6
WP Rocket: by WP Media – 3.8.8

### Inactive Plugins (4) ###

Essential Grid: by ThemePunch – 2.3.2
Menu Icons: by ThemeIsle – 0.12.8
Popup Maker: by Popup Maker – 1.16.1
Yoast Duplicate Post: by Enrico Battocchi & Team Yoast – 4.1.2

### Dropin Plugins (1) ###

advanced-cache.php: advanced-cache.php

### Settings ###

API Enabled: ?
Force SSL: ?
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 0
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –

### WC Pages ###

Shop base: #44 - /shop/
Cart: #765 - /cart/
Checkout: #2 - /checkout/
My account: #32 - /my-account/
Terms and conditions: ? Page not set

### Theme ###

Name: Arnett Farms
Version: 1.0
Author URL: https://codeable.io
Child Theme: ?
Parent Theme Name: FarmAgrico
Parent Theme Version: 1.2.1
Parent Theme Author URL: https://ancorathemes.com/
WooCommerce Support: ?

### Templates ###

Overrides: –

### Action Scheduler ###

Complete: 865
Oldest: 2021-04-24 16:20:37 +0000
Newest: 2021-05-25 08:18:46 +0000

Pending: 3
Oldest: 2021-05-25 14:18:46 +0000
Newest: 2021-05-29 17:04:21 +0000

### Status report information ###

Generated at: 2021-05-25 13:28:04 +00:00

—

What do you think?
Honestly, I totally don’t have a clue what’s happening here – theoretically a script conflict is not possible either, as everything related to the button is pushed from 3rd party Google servers…

Thanks for looking into this,
Gabor

Plugin Support

Gui A. a11n

(@guicmazeredo)

3 years, 6 months ago

Hi @lunule !

Thanks a lot for testing it with Storefront theme and for sending the site’s System Status Report.

It looks like this is a conflict with your theme. It’s likely a theme CSS overriding the button styles. In this case, I recommend reaching out to the support of your theme directly for further assistance.

Thread Starter

Gabor Lippert

(@lunule)

3 years, 6 months ago

Hi Gui,

Thanks – and I agree. I tried to debug the issue by deactivating plugins, dequeuing scripts, but the only thing that solves the issue is changing the theme.

So we submit a support ticket to the theme authors.

Thanks again for your help,
Gabor

Thread Starter

Gabor Lippert

(@lunule)

3 years, 6 months ago

— closing the ticket —

Plugin Support