Support » Plugin: WooCommerce » variations custom ordering on product page

  • Resolved Snehal Volvoikar

    (@snehalvolvoikar29)


    Hello! There’s some issue with custom ordering. It shows in alphabetical order on product pages. We have a clothing store where there are many variations with respect to color and size. And almost all the products has a black color variation. Since it displays in alphatical order, on product page, the first variation shown is always black for all the products. But I want to show, for eg., pink as the first variation. And for some products, red, and so on. On the product edit page, I’ve set the menu order the way I want, but it doesn’t seem to display in that order on front end of the product page. In the attribute “color” settings, I’ve set the order by – “custom ordering”, but its not working. Please help.

    Screenshots:

    https://prnt.sc/187hse4
    https://prnt.sc/187iarf
    https://prnt.sc/187ihpa

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support MayKato woo-hc

    (@maykato)

    Hello,

    I’ve tried the same on my test site which has the latest versions of WordPress, WooCommerce and default Storefront theme (no other plugins active), and I could not reproduce the same issue – I can drag and drop to reorder variations:

    Link to image: https://snipboard.io/Q825Y7.jpg

    I see that you are currently using a variation gallery plugin. You may want to reach out to the plugin developer about how to rearrange the order of variations.

    Thread Starter Snehal Volvoikar

    (@snehalvolvoikar29)

    I’m able to drag and drop the variations in whichever order I want on product edit page, but on the front end of the product page it displays in the alphabetical order.

    Plugin Support abwaita a11n

    (@abwaita)

    Hi @snehalvolvoikar29,

    Thanks for getting back.

    If you’re able to drag and drop the variations in the order you want them displayed but this order does not get effected on the front end, there are a few things you’ll want to do:

    1. If you’re using a caching plugin, purge all cache and delete cache memory on your browser then check if the variations are shown in the desired order.

    2. If the above does not resolve the issue, do the conflict test, i.e, deactivate all other plugins apart from WooCommerce and switch to a default WP theme, then check if the issue persists. If it doesn’t reactivate your theme and plugins one by one to find the one causing the issue. As my colleague highlighted earlier, you seem to be using some plugins that affect variations and they might be causing the issue, so just test to be sure.

    3. If #1 and #2 above don’t solve the issue, 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.

    Let us know how it goes.
    Thanks.

    Thread Starter Snehal Volvoikar

    (@snehalvolvoikar29)

    #1 & #2 didn’t solve the problem.
    screenshots:
    https://prnt.sc/18xzrww
    https://prnt.sc/18y051y

    Here’s woocommerce system report:

    ### WordPress Environment ###

    WordPress address (URL): https://trainfitly.com
    Site address (URL): https://trainfitly.com
    WC Version: 5.4.1
    REST API Version: ✔ 5.4.1
    WC Blocks Version: ✔ 5.1.0
    Action Scheduler Version: ✔ 3.1.6
    WC Admin Version: ✔ 2.3.1
    Log Directory Writable: ✔
    WP Version: 5.7.2
    WP Multisite: –
    WP Memory Limit: 768 MB
    WP Debug Mode: –
    WP Cron: ✔
    Language: en_US
    External object cache: –

    ### Server Environment ###

    Server Info: LiteSpeed
    PHP Version: 7.4.16
    PHP Post Max Size: 256 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.18-MariaDB-cll-lve
    Max Upload Size: 256 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ✔
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔

    ### Database ###

    WC Database Version: 5.4.1
    WC Database Prefix: wp_
    Total Database Size: 85.09MB
    Database Data Size: 70.83MB
    Database Index Size: 14.26MB
    wp_woocommerce_sessions: Data: 0.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.17MB + Engine InnoDB
    wp_woocommerce_order_items: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_order_itemmeta: Data: 0.05MB + Index: 0.05MB + Engine InnoDB
    wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
    wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.05MB + 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.03MB + Engine InnoDB
    wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_actions: Data: 0.08MB + Index: 0.11MB + 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.19MB + Index: 0.17MB + Engine InnoDB
    wp_adtribes_my_conversions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_aioseo_notifications: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_aioseo_posts: 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_enjoy_instagram_hashtags: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_enjoy_instagram_media: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_gs_woo_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_options: Data: 2.48MB + Index: 0.23MB + Engine InnoDB
    wp_postmeta: Data: 31.56MB + Index: 6.98MB + Engine InnoDB
    wp_posts: Data: 27.52MB + Index: 2.20MB + Engine InnoDB
    wp_termmeta: Data: 0.14MB + Index: 0.14MB + Engine InnoDB
    wp_terms: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
    wp_term_relationships: Data: 0.08MB + Index: 0.05MB + Engine InnoDB
    wp_term_taxonomy: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
    wp_usermeta: Data: 0.03MB + Index: 0.03MB + Engine InnoDB
    wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_vi_wad_ali_orders_info: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_vi_wad_error_product_images: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wc_admin_notes: Data: 0.02MB + 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.05MB + 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.11MB + Engine InnoDB
    wp_wc_order_stats: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
    wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_product_meta_lookup: Data: 0.34MB + Index: 0.45MB + 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.03MB + Engine InnoDB
    wp_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wpf_filters: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wt_iew_action_history: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wt_iew_cron: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wt_iew_ftp: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wt_iew_mapping_template: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_yith_wcwl: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_yith_wcwl_lists: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_yoast_indexable: Data: 5.52MB + Index: 1.47MB + Engine InnoDB
    wp_yoast_indexable_hierarchy: Data: 0.23MB + Index: 0.36MB + 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: 1.52MB + Index: 0.55MB + Engine InnoDB

    ### Post Type Counts ###

    acf-field: 26
    acf-field-group: 3
    attachment: 3450
    bc_x1379_op_type: 5
    custom_css: 1
    customize_changeset: 6
    et_body_layout: 8
    et_footer_layout: 1
    et_header_layout: 1
    et_pb_layout: 9
    et_template: 29
    et_theme_builder: 2
    nav_menu_item: 8
    ocscw_size_chart: 10
    page: 17
    post: 25
    product: 93
    product_variation: 2413
    pscw-size-chart: 5
    revision: 1413
    shop_order: 12
    size-chart: 10
    sp_wps_shortcodes: 1
    vi_wad_draft_product: 267
    wcps_layout: 2
    wpb_psc_size_chart: 1
    yith_wcan_preset: 2
    zpsc-size-chart: 1

    ### Security ###

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

    ### Active Plugins (16) ###

    Advanced Custom Fields: by Delicious Brains – 5.9.7
    CHL-Change HTML Lang: by pratik k. yadav – 1.1.2
    Google Tag Manager for WordPress: by Thomas Geiger – 1.13.1
    KiwiSizing for WooCommerce: by KiwiSizing – 1.9
    LiteSpeed Cache: by LiteSpeed Technologies – 3.6.4
    Media File Renamer: by Jordy Meow – 5.2.4
    Product CSV Import Export (BASIC): by WebToffee – 2.0.3
    Smart Variations Images for WooCommerce: by David Rosendo – 5.0.20
    Dropshipping and Fulfillment for AliExpress and WooCommerce: by VillaTheme(villatheme.com) – 1.0.6
    Product Feed PRO for WooCommerce: by AdTribes.io – 10.3.8
    Product Slider and Carousel with Category for WooCommerce: by WP OnlineSupport – 2.5.2
    Product Slider for WooCommerce: by ShapedPlugin – 2.3.0
    Variation Swatches for WooCommerce – Pro: by Emran Ahmed – 1.1.17
    Variation Swatches for WooCommerce: by Emran Ahmed – 1.1.17
    PickPlugins Product Slider for WooCommerce: by PickPlugins – 1.13.24
    WooCommerce: by Automattic – 5.4.1

    ### Inactive Plugins (8) ###

    Robots.txt Editor: by Processby – 1.1.4
    Ryviu – Product Reviews for WooCommerce: by Ryviu – 3.1.22
    Shortcode in Menus: by Gagan Deep Singh – 3.5.1
    Ultimate WooCommerce Filters: by Etoile Web Design – 3.0.5
    WooCommerce added to cart popup (Ajax): by XootiX – 1.5
    WUPO Group Attributes: by WUPO Plugins – 1.2.0
    YITH WooCommerce Ajax Product Filter: by YITH – 4.1.0
    Yoast SEO: by Team Yoast – 16.6.1

    ### Settings ###

    API Enabled: –
    Force SSL: –
    Currency: AED (AED)
    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: –

    ### WC Pages ###

    Shop base: #293 – /shop/
    Cart: #294 – /cart/
    Checkout: #295 – /checkout/
    My account: #296 – /my-account/
    Terms and conditions: #238337 – /terms-conditions/

    ### Theme ###

    Name: Divi
    Version: 4.9.7
    Author URL: http://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: –

    ### Action Scheduler ###

    Canceled: 3
    Oldest: 2021-06-24 09:54:11 +0000
    Newest: 2021-07-02 14:02:57 +0000

    Complete: 159
    Oldest: 2021-06-05 19:10:09 +0000
    Newest: 2021-07-06 05:46:11 +0000

    Pending: 3
    Oldest: 2021-07-06 11:43:01 +0000
    Newest: 2021-07-06 11:43:01 +0000

    ### Status report information ###

    Generated at: 2021-07-06 06:00:01 +00:00
    `

    Plugin Support Gabriel F. a11n

    (@gabrielfuentes)

    Hi @snehalvolvoikar29 👋

    I’ve checked your System Status, and it looks okay for me.

    As my colleague @abwaita already said, it seems to be caused by aggressive caching from your webhost.

    I’d recommend contacting your hosting company and ask them to flush all the cache from the server and from your tie. In case that you are using a CDN, please flush the cache from there as well.

    Let us know how it goes! 🙂

    Plugin Support MayKato woo-hc

    (@maykato)

    Hi @snehalvolvoikar29

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, you were able to find a solution to your problem! If you have further questions, please feel free to open a new topic.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘variations custom ordering on product page’ is closed to new replies.