Product page variation box

Hi @123maxine,

Thank you for reaching out.

I understand you’re having some issues with your product variation layout.

So that we can be able to understand the issue even further, please share with us a screenshot on how it appears on your end. Also, kindly share with us your system status report, which you can find via WooCommerce > Status > Get system report > Copy for support.

System report:

### WordPress Environment ###

WordPress address (URL): https://redlabeldrum.co.uk

Site address (URL): https://redlabeldrum.co.uk

WC Version: 9.4.3

Legacy REST API Package Version: The Legacy REST API plugin is not installed on this site.

Action Scheduler Version: ? 3.8.2

Log Directory Writable: ?

WP Version: 6.7.1

WP Multisite: –

WP Memory Limit: ? 40 MB - We recommend setting memory to at least 64MB. See: Increasing memory allocated to PHP

WP Debug Mode: –

WP Cron: –

Language: en_GB

External object cache: –

### Server Environment ###

Server Info: Apache

PHP Version: 8.1.31

PHP Post Max Size: 64 MB

PHP Time Limit: 50000

PHP Max Input Vars: 5000

cURL Version: 7.74.0

OpenSSL/1.1.1w

SUHOSIN Installed: –

MySQL Version: 10.6.15-MariaDB-log

Max Upload Size: 64 MB

Default Timezone is UTC: ?

fsockopen/cURL: ?

SoapClient: ?

DOMDocument: ?

GZip: ?

Multibyte String: ?

Remote Post: ?

Remote Get: ?

### Database ###

WC Database Version: 9.4.3

WC Database Prefix: lnza_

Total Database Size: 10.53MB

Database Data Size: 8.32MB

Database Index Size: 2.21MB

lnza_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB

lnza_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB

lnza_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB

lnza_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB

lnza_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_actionscheduler_actions: Data: 0.08MB + Index: 0.11MB + Engine InnoDB

lnza_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_actionscheduler_logs: Data: 0.08MB + Index: 0.03MB + Engine InnoDB

lnza_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB

lnza_e_events: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_options: Data: 4.09MB + Index: 0.08MB + Engine InnoDB

lnza_postmeta: Data: 0.39MB + Index: 0.19MB + Engine InnoDB

lnza_posts: Data: 2.44MB + Index: 0.13MB + Engine InnoDB

lnza_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB

lnza_wc_admin_notes: Data: 0.06MB + Index: 0.00MB + Engine InnoDB

lnza_wc_admin_note_actions: Data: 0.08MB + Index: 0.02MB + Engine InnoDB

lnza_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB

lnza_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_wc_orders: Data: 0.02MB + Index: 0.11MB + Engine InnoDB

lnza_wc_orders_meta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_wc_order_addresses: Data: 0.02MB + Index: 0.06MB + Engine InnoDB

lnza_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_wc_order_operational_data: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB

lnza_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB

lnza_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_wc_product_meta_lookup: Data: 0.02MB + Index: 0.11MB + Engine InnoDB

lnza_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB

lnza_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_wfpklist_template_data: Data: 0.09MB + Index: 0.00MB + Engine InnoDB

lnza_yoast_indexable: Data: 0.05MB + Index: 0.09MB + Engine InnoDB

lnza_yoast_indexable_hierarchy: Data: 0.02MB + Index: 0.05MB + Engine InnoDB

lnza_yoast_migrations: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

lnza_yoast_primary_term: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

lnza_yoast_seo_links: Data: 0.02MB + Index: 0.03MB + Engine InnoDB

### Post Type Counts ###

attachment: 99

custom_css: 1

customize_changeset: 100

elementor_library: 1

nav_menu_item: 39

page: 20

post: 2

product: 13

product_variation: 8

revision: 217

seedprod: 2

wp_block: 1

wp_font_face: 33

wp_font_family: 12

wp_global_styles: 1

wp_navigation: 1

### Security ###

Secure connection (HTTPS): ?

Hide errors from visitors: ?

### Active Plugins (23) ###

Site Assistant: by ?– 1.0.0

Secure Custom Fields: by www.remarpro.com – 6.3.10.2

Classic Widgets: by WordPress Contributors – 0.3

Coming Soon Page, Maintenance Mode, Landing Pages & WordPress Website Builder by SeedProd: by SeedProd – 6.18.12

Extendify WordPress Onboarding and AI Assistant: by Extendify – 1.15.4

Flexible Shipping: by Octolize – 5.1.0

WooGallery: by WooGallery Team

ShapedPlugin LLC – 2.1.5

Assistant: by IONOS Group – 9.0.2

Journey: by IONOS Group – 3.0.1

Marketplace: by IONOS Group – 2.0.5

Performance: by IONOS Group – 3.0.0

Security: by IONOS Group – 2.5.2

Limit log in attempts reloaded: by Limit log in attempts reloaded – 2.26.16

One Time Login: by Daniel Bachhuber – 0.4.0

WooCommerce PDF Invoices, Packing Slips, Delivery Notes and Shipping Labels: by WebToffee – 4.7.1

Variation Price Display Range for WooCommerce: by WPXtension – 1.3.16

WooCommerce Stripe Gateway: by Stripe – 8.9.0

WP Menu Cart: by WP Overnight – 2.14.10

WooCommerce PayPal Payments: by WooCommerce – 2.9.5

Remove SKU From Product detail page: by Prem Tiwari – 1.4.2

WooCommerce Shipping & Tax: by WooCommerce – 2.8.4

WooCommerce: by Automattic – 9.4.3

Yoast SEO: by Team Yoast – 24.0

### Inactive Plugins (3) ###

Payment Plugins for Stripe WooCommerce: by Payment Plugins

[email protected] – 3.3.78

Secondary Product Image for WooCommerce: by WPZOOM – 1.0.2

WooCommerce Weight Based Shipping: by weightbasedshipping.com – 6.2.0

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

WordPress automation by Installatron: by ?–

### Settings ###

Legacy API Enabled: –

Force SSL: –

Currency: GBP (￡)

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: ?

HPOS feature enabled: ?

Order datastore: Automattic\WooCommerce\Internal\DataStores\Orders\OrdersTableDataStore

HPOS data sync enabled: –

### Logging ###

Enabled: ?

Handler: Automattic\WooCommerce\Internal\Admin\Logging\LogHandlerFileV2

Retention period: 30 days

Level threshold: –

Log directory size: 37 KB

### WC Pages ###

Shop base: ? Page ID is set

but the page does not exist

Basket: #165 - /basket-2/ - ?Contains the woocommerce/cart block

Checkout: #522 - /https-redlabeldrum-co-uk-checkout/ - ?Contains the [woocommerce_checkout] shortcode

My account: #167 - /my-account/

Terms and conditions: #129 - /terms-conditions/

### Theme ###

Name: Modern

Version: 2.6.3

Author URL: https://www.webmandesign.eu/

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: ? Not declared

### Templates ###

Overrides: –

### WooCommerce PayPal Payments ###

Onboarded: ?

Shop country code: GB

WooCommerce currency supported: ?

Advanced Card Processing available in country: ?

Pay Later messaging available in country: ?

Webhook status: –

PayPal Vault enabled: –

ACDC Vault enabled: –

Logging enabled: –

Reference Transactions: –

Used PayPal Checkout plugin: –

Subscriptions Mode: Disabled

PayPal Shipping Callback: –

Apple Pay: –

Google Pay: –

Fastlane: –

### Admin ###

Enabled Features: activity-panels

analytics

product-block-editor

coupons

core-profiler

customize-store

customer-effort-score-tracks

import-products-task

experimental-fashion-sample-products

shipping-smart-defaults

shipping-setting-tour

homescreen

marketing

mobile-app-banner

navigation

onboarding

onboarding-tasks

pattern-toolkit-full-composability

product-custom-fields

remote-inbox-notifications

remote-free-extensions

payment-gateway-suggestions

printful

shipping-label-banner

subscriptions

store-alerts

transient-notices

woo-mobile-welcome

wc-pay-promotion

wc-pay-welcome-page

launch-your-store

Disabled Features: product-data-views

experimental-blocks

minified-js

product-pre-publish-modal

settings

async-product-editor-category-field

product-editor-template-system

blueprint

reactify-classic-payments-settings

use-wp-horizon

Daily Cron: ? Next scheduled: 2024-12-11 17:22:49 +00:00

Options: ?

Notes: 69

Onboarding: completed

### Action Scheduler ###

Complete: 118

Oldest: 2024-11-10 19:52:39 +0000

Newest: 2024-12-09 23:06:40 +0000

Failed: 1

Oldest: 2024-10-26 19:01:59 +0000

Newest: 2024-10-26 19:01:59 +0000

Pending: 2

Oldest: 2024-12-10 23:06:40 +0000

Newest: 2024-12-10 23:06:40 +0000

### Status report information ###

Generated at: 2024-12-10 20:28:09 +00:00

Hi there!

Thank you for sharing the system status report. The theme you are using usually controls the arrangement of the buttons, the padding, margins, and any other expectations related to the design.

We highly recommend to reach out to the support team of the theme you are using. They will be able to help you understand why this is happening. And provide a CSS code that can resolve the issue.

I hope this helps and let us know if you’ll have any further questions!

Hi I have reached out to the support team for the theme and they have advised that i am using a theme without woocommerce support and to reach back out to you. They have advised its not an issue with the theme but with your style. Can you please provide with me some code to help with the layout of the pages with product variations. I have now been to wordpress, woocommerce and theme support and seems everyone passing it on to someone else and not actually helping me.

Hi @123maxine,

I understand how frustrating it can be to struggle with this issue without finding a solution. In situations like this, it’s best to start by troubleshooting your site to identify the root cause.

To narrow down the issue, try switching to the default WooCommerce theme, like Storefront, and see if the problem is resolved. If it’s fixed, then the issue is likely with your theme. If the problem persists, there may be a conflict somewhere else.

To continue troubleshooting, disable all plugins except for WooCommerce and switch to the Storefront theme. If the issue is resolved, it indicates a conflict with another plugin. If the problem persists, please share a screenshot or a link to the product page so we can investigate further.