Category Page Issue with Woocommerce 7.0

Hi @elaine_simmons

Thanks for reaching out!

I understand that after updating WooCommerce to 7.0.0, the product images on your site were mis-aligned.

I’d like to understand your site properly, can you please share your System Status Report, that will help us further troubleshoot.

You can find it via WooCommerce > Status. Select Get system report and then Copy for support. Once you’ve done that, you can paste it into your reply here.

Here you go xue28,
the status report on the Staging, and please let me know if you need the status report on the live site as well,
thanks, Elaine:

`
### WordPress Environment ###

WordPress address (URL): https://lyonsstudio.opalstacked.com
Site address (URL): https://lyonsstudio.opalstacked.com
WC Version: 7.0.0
REST API Version: ? 7.0.0
WC Blocks Version: ? 8.5.1
Action Scheduler Version: ? 3.4.0
Log Directory Writable: ?
WP Version: ? 5.9.5 – There is a newer version of WordPress available (6.0.3)
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: en
External object cache: –

### Server Environment ###

Server Info: nginx/1.20.2
PHP Version: 8.1.10
PHP Post Max Size: 64 MB
PHP Time Limit: 60
PHP Max Input Vars: 1000
cURL Version: 7.29.0
NSS/3.53.1

SUHOSIN Installed: –
MySQL Version: 10.3.31-MariaDB
Max Upload Size: 64 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 7.0.0
WC Database Prefix: wp_
Total Database Size: 13.43MB
Database Data Size: 10.20MB
Database Index Size: 3.23MB
wp_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_api_keys: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wp_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_order_items: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wp_woocommerce_order_itemmeta: Data: 0.06MB + Index: 0.06MB + 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.01MB + 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.00MB + Index: 0.00MB + Engine MyISAM
wp_woocommerce_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_actionscheduler_actions: Data: 0.02MB + Index: 0.02MB + 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.02MB + Index: 0.03MB + Engine InnoDB
wp_aioseo_cache: Data: 0.09MB + Index: 0.03MB + Engine InnoDB
wp_aioseo_notifications: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_aioseo_posts: Data: 0.08MB + Index: 0.02MB + Engine InnoDB
wp_commentmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_comments: Data: 0.04MB + Index: 0.02MB + Engine MyISAM
wp_itsec_bans: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_itsec_dashboard_events: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_itsec_distributed_storage: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_itsec_fingerprints: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_itsec_geolocation_cache: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_itsec_lockouts: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
wp_itsec_logs: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wp_itsec_mutexes: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_itsec_opaque_tokens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_itsec_temp: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_itsec_user_groups: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_ms_snippets: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_options: Data: 2.20MB + Index: 0.08MB + Engine MyISAM
wp_pmxe_exports: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_pmxe_google_cats: Data: 0.39MB + Index: 0.00MB + Engine InnoDB
wp_pmxe_posts: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_pmxe_templates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_postmeta: Data: 2.48MB + Index: 0.70MB + Engine MyISAM
wp_posts: Data: 1.68MB + Index: 0.15MB + Engine MyISAM
wp_redirection_groups: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_redirection_items: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_smush_dir_images: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_snippets: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
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.02MB + Index: 0.05MB + Engine MyISAM
wp_term_taxonomy: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wp_usermeta: Data: 1.67MB + Index: 0.88MB + Engine MyISAM
wp_users: Data: 0.16MB + Index: 0.14MB + Engine MyISAM
wp_wcs_selection_data: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wc_admin_notes: Data: 0.04MB + Index: 0.00MB + Engine MyISAM
wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.01MB + Engine MyISAM
wp_wc_category_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wc_customer_lookup: Data: 0.01MB + Index: 0.01MB + 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.01MB + Index: 0.01MB + Engine MyISAM
wp_wc_order_stats: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wp_wc_order_tax_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.04MB + Engine MyISAM
wp_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
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_woocommerce_shipping_table_rates: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpmailsmtp_debug_events: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpmailsmtp_tasks_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wp_yoast_indexable: Data: 0.74MB + Index: 0.19MB + Engine MyISAM
wp_yoast_indexable_hierarchy: Data: 0.01MB + Index: 0.05MB + Engine MyISAM
wp_yoast_migrations: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wp_yoast_primary_term: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wp_yoast_seo_meta: Data: 0.01MB + Index: 0.01MB + Engine MyISAM

### Post Type Counts ###

attachment: 344
custom_css: 1
et_pb_layout: 6
nav_menu_item: 20
oembed_cache: 4
page: 17
post: 4
product: 111
product_variation: 223
revision: 439
shop_order: 82
wp_global_styles: 1

### Security ###

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

### Active Plugins (15) ###

ManageWP – Worker: by GoDaddy – 4.9.14
iThemes Security: by iThemes – 8.1.3
Code Snippets: by Code Snippets Pro – 3.2.1
Google Analytics for WordPress by MonsterInsights: by MonsterInsights – 8.9.1
Migrate Guru: by Migrate Guru – 4.78
Weblizar Pin It Button On Image Hover And Post: by Weblizar – 3.6
Really Simple SSL: by Really Simple Plugins – 5.3.5
Redirection: by John Godley – 5.3.4
Accessibility Tools & Alt Text Finder: by Joseph LoPreste
StPeteDesign – 1.4

WooCommerce Authorize.Net Gateway: by Pledged Plugins – 5.2.2
WooCommerce Table Rate Shipping: by WooCommerce – 3.0.30
WooCommerce: by Automattic – 7.0.0
Yoast SEO: by Team Yoast – 19.9
WP Mail SMTP: by WPForms – 3.6.1
Related Products for WooCommerce: by WebToffee – 1.4.6

### Inactive Plugins (4) ###

Akismet Anti-Spam: by Automattic – 5.0.1
Health Check & Troubleshooting: by The www.remarpro.com community – 1.5.0
Hello Dolly: by Matt Mullenweg – 1.7.2
WP-SpamShield: by Scott Allen – 1.9.18

### Must Use Plugins (2) ###

Health Check Troubleshooting Mode: by – 1.8.0
installatron_hide_status_test.php: by –

### Settings ###

API Enabled: –
Force SSL: ?
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
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: –
Enforce Approved Product Download Directories: –

### WC Pages ###

Shop base: #88 – /gallery/
Cart: #89 – /cart/
Checkout: #90 – /checkout/
My account: #91 – /my-account/
Terms and conditions: ? Page not set

### Theme ###

Name: Divi
Version: 4.18.0
Author URL: https://www.elegantthemes.com
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: –

### Admin ###

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
experimental-products-task
experimental-import-products-task
experimental-fashion-sample-products
experimental-product-tour
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
multichannel-marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: minified-js
new-product-management-experience
settings

Daily Cron: ? Next scheduled: 2022-10-27 18:17:26 -04:00
Options: ?
Notes: 106
Onboarding: completed

### Action Scheduler ###

Complete: 26
Oldest: 2022-10-22 13:50:01 -0400
Newest: 2022-10-26 14:41:11 -0400

Pending: 3
Oldest: 2022-10-27 09:43:22 -0400
Newest: 2022-10-27 14:13:40 -0400

### Status report information ###

Generated at: 2022-10-27 09:43:21 -04:00

Hi @elaine_simmons

Thanks for sending the System Status Report.

Can you please try to switch to the default Storefront theme and only WooCommerce plugin is enabled and see if this works?

If so, please try to perform a full conflict test to rule out if your theme or any third-party plugin present on your site causes this issue:

https://woocommerce.com/document/how-to-test-for-conflicts/

If this was caused by a third-party plugin present on your site, it would be best to reach out to the developers for further assistance here.

Let us know how it goes!

Hi xue28
I switched to the default Storefront theme, with only WooCommerce plugin enabled and the problem still persists. I updated to Woocommerce 7.1 also. Seems to be a Woocommerce issue. Please advise.

Hello @elaine_simmons,

Thank you for providing all this information.

I tried checking the category pages on your live and staging site and didn’t see what you’re describing, everything is aligned as it should be.

Link to image: https://i.imgur.com/bsWNTmT.png

Can you please attach a screenshot of what you’re seeing from your end?

You can use a service like https://snipboard.io/.

Look forward to hearing back from you.

Hello Saif H.

I will direct you to the Staging site (with Storefront as active theme) to
see the issues on the Gallery Pages in desktop view. Here is the url:
https://lyonsstudio.opalstacked.com/product-category/general-aviation/page/2/

Here is an example of what I’m seeing in the Gallery Pages desktop view:

https://snipboard.io/W4DJv0.jpg

Issue also appears if original Divi theme is the active theme.
Please feel free to look through the other Gallery pages to see the issue.

Thank you!

Hi @elaine_simmons

I can see you’re using outdated version of the WordPress:
WP Version: ? 5.9.5 – There is a newer version of WordPress available (6.0.3)

Please update your WordPress to the latest version. Also, the Divi theme has its own WooCommerce modules to enhance the WooCommerce functionality. You can also discuss the issue with the Divi Support team, who will check it for you.

You can also verify it with theme conflict test. The best way to determine this is to:

• Temporarily switch your theme to Storefront
• Disable all plugins except for WooCommerce
• Repeat the action that is causing the problem

If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.

Hi Amir
? I have already done the conflict test with the last support agent.
? Again, on the staging site, all plugins have already been disabled and Storefront
has been the active Theme. I have already contacted Divi before even starting the process of contacting Woocommerce. They have no clue.
? I have isolated the problem. It is Woocommerce 7.
? It was when I copied the live site to the staging site and and upgraded to Woocommerce 7 that the issues on the Gallery pages emerge. Here is the first post on the top of this thread:
“Issue does not appear in Woocommerce 6.9.2, can see here on live site: https://lyonsstudio.com. Issue appears after upgrade to Woocommerce 7.0 on Staging site:
? I have updated to WordPress 6.1 as you suggested, and there is no affect on issues on the gallery pages:

Once again, please advise.

Again, here is Staging site url:
https://lyonsstudio.opalstacked.com/product-category/military-aviation/page/3/

Hello @elaine_simmons,

I did some testing on my site with the latest version of WooCommerce and can’t reproduce the issue. This most likely has nothing to do with version 7.0.

Taking a closer look at your system status report, I can see the shop base page isn’t the default one.

Shop base: #88 – /gallery/

Can you please try switching the shop base to a completely empty page with no edits whatsoever?

Let us know how it goes!

Hi Saif

Circling back after the holidays to report this is solved:
“This page is made of the default template for WooCommerce archive pages. This is not designed by Divi so CSS code is necessary to order them correctly.”

WordPress Dashboard > Divi > Theme Options > Custom CSS and add the following:

.tax-product_cat ul.products li.product.first {
clear: both !important;
}

Hi @elaine_simmons

I’m glad you were able to find a solution to your inquiry here and thanks for sharing it with the community too! ??

Thanks!