variations custom ordering on product page
-
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-
This topic was modified 3 years, 8 months ago by
Snehal Volvoikar.
-
This topic was modified 3 years, 8 months ago by
-
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.
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.
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.#1 & #2 didn’t solve the problem.
screenshots:
https://prnt.sc/18xzrww
https://prnt.sc/18y051yHere’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.1dSUHOSIN 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: 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: –
### Action Scheduler ###
Canceled: 3
Oldest: 2021-06-24 09:54:11 +0000
Newest: 2021-07-02 14:02:57 +0000Complete: 159
Oldest: 2021-06-05 19:10:09 +0000
Newest: 2021-07-06 05:46:11 +0000Pending: 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
`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! ??
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.
- The topic ‘variations custom ordering on product page’ is closed to new replies.