Issues with product images on product pages on mobile

Hi @bhoangvietanh,

I’ve tried looking at the page on mobile but it seems that when I click on an image thumbnail, it is correctly displayed.

Just to mention, the display of these images is controlled majorly by your theme. You can verify this by doing a mini-conflict test where you switch to a different theme and check whether the display issue continues.

Once you’ve established that the problem only occurs with your current theme, I’d recommend that you get in touch with the theme authors.

Thanks.

Hi @abwaita,

Thank you for replying.

I have tested with different themes. And I have also tried deactivating other plugins one by one to see if those plugins are causing any conflicts. But the issues remain.

Then I remembered that I’d had a staging website setup before the 5.7.1 update. The staging website is running on 5.6 version. And there’s no issues there, so I believe it is the new update that is causing those issues.

Here are a few devices that I used to test the page: iPhone 12, iPhone SE, iPhone 8 and iPad Mini 5.

Thanks for getting back @bhoangvietanh.

Could you please share a copy of your site’s System Status? You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”.? Once you’ve done that, paste it here in your response.

I have tested with different themes. And I have also tried deactivating other plugins one by one to see if those plugins are causing any conflicts. But the issues remain.

Just to check on this, if possible, could you share a small recording of how it behaves when you’re using the default WP Twenty Twenty-One theme?

Thanks.

@abwaita really appreciate your support so far. Here you go.
———————-

### WordPress Environment ###

WordPress address (URL): https://dinh-dinh.com
Site address (URL): https://dinh-dinh.com
WC Version: 5.7.1
REST API Version: ? 5.7.1
WC Blocks Version: ? 6.0.1
Action Scheduler Version: ? 3.2.1
WC Admin Version: ? 2.6.5
Log Directory Writable: ?
WP Version: 5.8.1
WP Multisite: –
WP Memory Limit: 512 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US
External object cache: –

### Server Environment ###

Server Info: LiteSpeed
PHP Version: 7.4.11
PHP Post Max Size: 128 MB
PHP Time Limit: 120
PHP Max Input Vars: 5000
cURL Version: 7.71.0
OpenSSL/1.1.1d

SUHOSIN Installed: –
MySQL Version: 5.5.5-10.4.19-MariaDB-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.7.1
WC Database Prefix: wp_
Total Database Size: 539.26MB
Database Data Size: 517.16MB
Database Index Size: 22.10MB
wp_woocommerce_sessions: Data: 1.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_actionscheduler_actions: Data: 0.09MB + Index: 0.13MB + Engine InnoDB
wpstg0_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_actionscheduler_logs: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
wpstg0_aioseo_notifications: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpstg0_aioseo_posts: Data: 0.23MB + Index: 0.02MB + Engine InnoDB
wpstg0_cartflows_ca_cart_abandonment: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_cartflows_ca_email_history: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_cartflows_ca_email_templates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_cartflows_ca_email_templates_meta: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wpstg0_e_submissions: Data: 0.02MB + Index: 0.27MB + Engine InnoDB
wpstg0_e_submissions_actions_log: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wpstg0_e_submissions_values: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_maxbuttonsv3: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_maxbuttons_collections: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_maxbuttons_collections_trans: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_options: Data: 7.52MB + Index: 0.13MB + Engine InnoDB
wpstg0_postmeta: Data: 121.30MB + Index: 4.03MB + Engine InnoDB
wpstg0_posts: Data: 25.52MB + Index: 0.55MB + Engine InnoDB
wpstg0_say_what_strings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_sbi_instagram_feeds_posts: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_sbi_instagram_feed_locator: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_sbi_instagram_posts: Data: 0.17MB + Index: 0.00MB + Engine InnoDB
wpstg0_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpstg0_wc_admin_notes: Data: 0.06MB + Index: 0.00MB + Engine InnoDB
wpstg0_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpstg0_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpstg0_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wpstg0_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_woocommerce_devvn_district_shipping_rates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpstg0_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_woocommerce_sessions: Data: 0.13MB + Index: 0.02MB + Engine InnoDB
wpstg0_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpstg0_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg0_yoast_indexable: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
wpstg0_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpstg0_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg0_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg0_yoast_seo_links: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_actionscheduler_actions: Data: 0.06MB + Index: 0.13MB + Engine InnoDB
wpstg1_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_actionscheduler_logs: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
wpstg1_aioseo_notifications: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpstg1_aioseo_posts: Data: 0.23MB + Index: 0.02MB + Engine InnoDB
wpstg1_cartflows_ca_cart_abandonment: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_cartflows_ca_email_history: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_cartflows_ca_email_templates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_cartflows_ca_email_templates_meta: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wpstg1_e_submissions: Data: 0.02MB + Index: 0.27MB + Engine InnoDB
wpstg1_e_submissions_actions_log: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wpstg1_e_submissions_values: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_maxbuttonsv3: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_maxbuttons_collections: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_maxbuttons_collections_trans: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_options: Data: 9.52MB + Index: 0.17MB + Engine InnoDB
wpstg1_postmeta: Data: 144.17MB + Index: 5.03MB + Engine InnoDB
wpstg1_posts: Data: 26.52MB + Index: 0.83MB + Engine InnoDB
wpstg1_say_what_strings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_sbi_instagram_feeds_posts: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_sbi_instagram_feed_locator: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_sbi_instagram_posts: Data: 0.23MB + Index: 0.00MB + Engine InnoDB
wpstg1_smush_dir_images: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpstg1_wc_admin_notes: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
wpstg1_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpstg1_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpstg1_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wpstg1_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_woocommerce_devvn_district_shipping_rates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpstg1_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_woocommerce_sessions: Data: 0.48MB + Index: 0.02MB + Engine InnoDB
wpstg1_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpstg1_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpstg1_wpr_rucss_resources: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpstg1_wpr_rucss_used_css: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpstg1_yoast_indexable: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
wpstg1_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpstg1_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpstg1_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpstg1_yoast_seo_links: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_actionscheduler_actions: Data: 0.08MB + Index: 0.13MB + Engine InnoDB
wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_logs: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
wp_aioseo_notifications: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_aioseo_posts: Data: 0.25MB + Index: 0.02MB + Engine InnoDB
wp_cartflows_ca_cart_abandonment: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_cartflows_ca_email_history: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_cartflows_ca_email_templates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_cartflows_ca_email_templates_meta: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_e_submissions: Data: 0.03MB + Index: 0.27MB + Engine InnoDB
wp_e_submissions_actions_log: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wp_e_submissions_values: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_maxbuttonsv3: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_maxbuttons_collections: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_maxbuttons_collections_trans: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_options: Data: 9.50MB + Index: 0.17MB + Engine InnoDB
wp_postmeta: Data: 141.55MB + Index: 4.03MB + Engine InnoDB
wp_posts: Data: 24.52MB + Index: 0.55MB + Engine InnoDB
wp_say_what_strings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_sbi_instagram_feeds_posts: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_sbi_instagram_feed_locator: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_sbi_instagram_posts: Data: 0.19MB + Index: 0.00MB + Engine InnoDB
wp_smush_dir_images: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_wc_admin_notes: Data: 0.06MB + Index: 0.00MB + Engine InnoDB
wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_devvn_district_shipping_rates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpr_rucss_resources: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_wpr_rucss_used_css: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_yoast_indexable: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
wp_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_yoast_seo_links: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

### Post Type Counts ###

attachment: 166
cartflows_flow: 1
cartflows_step: 2
custom_css: 3
custom-css-js: 1
customize_changeset: 9
elementor_library: 29
nav_menu_item: 22
page: 21
post: 4
product: 7
product_variation: 37
protected_areas: 1
revision: 4780
shop_coupon: 1
shop_order: 13
wpforms: 1
yaymail_template: 11

### Security ###

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

### Active Plugins (22) ###

All in One SEO: by All in One SEO Team – 4.1.4.4
CartPops: by CartPops.com – 1.4.7
Passster: by Patrick Posner – 3.5.4
Simple Custom CSS and JS: by SilkyPress.com – 3.37
Woocommerce Vietnam Checkout PRO: by Le Van Toan – 4.4.5
Elementor Pro: by Elementor.com – 3.4.1
Elementor: by Elementor.com – 3.4.4
Smash Balloon Instagram Feed: by Smash Balloon – 2.9.3.1
Loco Translate: by Tim Whitlock – 2.5.4
MaxButtons: by Max Foundry – 8.7
Multiple external product URLs for WooCommerce: by Pawe? ?machowski – 1.3.2
Shortcodes Ultimate: by Vladimir Anokhin – 5.10.2
WooCommerce Cart Abandonment Recovery: by CartFlows Inc – 1.2.13
WooCommerce Blocks: by Automattic – 6.0.1
WooSwatches - Woocommerce Color or Image Variation Swatches: by WooMatrix – 3.3.11
WooCommerce Direct Checkout PRO: by QuadLayers – 2.4.0
Direct Checkout for WooCommerce: by QuadLayers – 2.5.3
WooCommerce Google Analytics Integration: by WooCommerce – 1.5.3
WooCommerce: by Automattic – 5.7.1
WP Rocket: by WP Media – 3.9.0.5
WP STAGING: by WP-STAGING – 2.8.8
YayMail - WooCommerce Email Customizer: by YayCommerce – 2.5.3

### Inactive Plugins (0) ###

### Dropin Plugins (1) ###

advanced-cache.php: advanced-cache.php

### Must Use Plugins (1) ###

WP STAGING Optimizer: by René Hermenau – 1.5.1

### Settings ###

API Enabled: –
Force SSL: ?
Currency: VND (?)
Currency Position: right
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: #5108 - /bo-suu-tap/
Cart: #8 - /cart/
Checkout: #40 - /checkout-2/
My account: #10 - /my-account/
Terms and conditions: #4704 - /faq/

### Theme ###

Name: Hello Elementor
Version: 2.4.1
Author URL: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Child Theme: ? – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ?

### Templates ###

Overrides: hello-elementor/woocommerce/emails/customer-on-hold-order.php
hello-elementor/woocommerce/emails/customer-processing-order.php

### Action Scheduler ###

Complete: 124
Oldest: 2021-08-31 04:15:45 +0000
Newest: 2021-09-30 07:19:31 +0000

Pending: 4
Oldest: 2021-09-30 07:34:31 +0000
Newest: 2021-09-30 16:15:46 +0000

### Status report information ###

Generated at: 2021-09-30 07:21:46 +00:00

———————-

I changed to Twenty Twenty-One theme, and here’s the recording: https://www.dropbox.com/s/ef1nzer01vyhde3/FinalVideo_1632987684.051564.MOV?dl=0

The issues are the same.

Hey @bhoangvietanh

Are you still having this problem? I have tried on an iPhone XS using Edge and Safari browsers with no problem switching between the images.

However, after testing on https://dinh-dinh.com/product/bst-tay-lai-lua/ with no problem at all, I then started a screen recording and I was faced with the same problem you saw. It seems intermittent at best.

In your test with Twenty-Twenty One test, was the theme the only thing you changed? Did you try deactivating other plugins as well, i.e. a full conflict test?

Thanks,

Hi @dougaitken

The problems haven’t been resolved yet.

But I have noticed that if I wait for 5-10 seconds after the page fully loads, the page functions normally without a problem. But if I start tabbing on the images or swiping on them immediately right after it fully load, it starts to act up.

I made another screen recording after changing it to Twenty-Twenty One and deactivating all of the plugins except for Woocommerce:
https://www.dropbox.com/s/b4y4b8ah56uxnct/RPReplay_Final1633015868.mov?dl=0

The problems are still there. And they happen on every product page.

Hmm, strange. I recorded me trying this on my phone just now. Here’s the file:

https://d.pr/v/oC0hGN/wvauypVfn3

As you can see there, tapping on the images goes right to that image immediately. Swiping does have a tiny delay when going from one image to the next/previous one, but it’s not nearly as bad as your videos.

However, the crucial factor is that my product is a simple one, and yours is variable. I think you might actually be hitting this bug here:

https://github.com/woocommerce/woocommerce/issues/27761

Can you take a look at these replications steps here:

https://github.com/woocommerce/woocommerce/issues/27761#issuecomment-876015712

… and try reproducing the issue on a new test product? Then, try a simple product (i.e. no variations), does that work better? If so, this may indeed be that bug.

Let us know! Thanks!

Hi @adamkheckler

It definitely seems like I am running into that same bug.

I tried creating a simple product as you suggested. And I’ve found that tapping on the thumbnails seems to work just fine with this. But I can still see the glitches when swiping on the image.

I made a recording of the simple product page: https://www.dropbox.com/s/qoq0mu6wpsv1acm/RPReplay_Final1633072949.MP4?dl=0

From the Github link you mentioned, I can see that the bug was found since Sep 2020, but honestly I have never experienced these issues until recently, specifically right after the 5.7.1 update.

Thanks for getting back as well as sharing the screen recording.

While I’ve not been able to reproduce the issue and it seems neither was @adamkheckler, I’d first suggest varying a few factors: the browser you’re using, the network connection type, and lastly, you could check on another mobile device.

This is to eliminate the possibility that the issue is coming from incorrectly loaded site files due to network, browser, or device-specific issues.

If you’re able to reproduce the problem after varying the above factors, I would suggest posting your case on the GitHub thread as well.

Thanks.

I have tried this on iPhone 12, iPhone SE, iPhone 8 and 2 ipad mini 5. I tested it with 2 different wifi networks and 4G on Safari, Chrome and Firefox.

I have been able to consistently reproduce the issues every single time, even with a full conflict test.

The only time I noticed the issues were gone was when I accessed my staging website that I created over a month ago, and it is running on Woocommerce v5.6.

Hi there,

I’ve been trying to reproduce this issue on my end, however have not had any luck yet — things appear to be working as expected. Reviewing the video you sent earlier, it appears it was likely still loading assets on the page when you were initially clicking around between the different thumbnails, then finally caught up once the assets loaded:
https://www.dropbox.com/s/ef1nzer01vyhde3/FinalVideo_1632987684.051564.MOV?dl=0

I understand you mentioned that the same issue occurs with different themes and a full conflict test. As you already have WP Staging installed, please set up a new staging site with only WooCommerce and the default Storefront theme and check to make sure you are still seeing the issue there, then send over the link so that we can see if anyone on our end can see the same thing.

Hi @kellymetal

I agree. It does look like the assets haven’t finished loading even though the browser indicates that the page has fully loaded.

I created another staging site. This one is using Storefront thene, all plugins are deactivated except for Woocommerce (v5.7.1). Here’s the recording:

https://www.dropbox.com/s/majh0ltyv0t8wng/RPReplay_Final1633167518.MP4?dl=0

Hi there,

Thank you — please also send over the URL to that staging site so we can take a look directly.

Hi, here’s the link: https://dinh-dinh.com/test-2/?product=bst-gau-cho

Hi @bhoangvietanh ??

Thanks for sharing all of this with us!

Based on what I can see, there are 2 separate issues here.

1) The Thumbnails do not change when being clicked. This seems to be the same bug as the one mentioned earlier. It seems to be meeting all of the criteria for that bug report and you confirmed it does not happen for simple products.

2) Swiping of images is glitchy. I spent some time checking out how your staging site product page works on my Android phone using Chrome but could not replicate this issue. Here is what I see: https://d.pr/v/4zquX6
I also asked a few of my colleagues who have iPhones to test but they were unable to replicate the problem using Chrome and Safari.

Is it possible for you to also share a link to your staging site which uses WooCommerce v5.6. In that way, we can compare the pages side-by-side.