Woocommerce: Moving meta info above price

Support
#1

Hello there,

Any idea how I can move the product meta info above the price on the product listing page?

I’m struggling to find the correct action to shift it, so any advice is very welcome indeed :slight_smile:

Regards,

Spencer

Saving php file for WooCommerce single product
#2

Hi Spencer,

I don’t see the price on the page you have shared. It seems you are using a plugin that change the display of the product listing page. Can you give us screenshot on how you want it?

#3

Hi @lely

Thanks for getting back. We are displaying prices based on role. Please see the secure note.

Regards,

Spen

#4

Hello Spen,

Thanks for updating in!

You could follow the link below on how to rearrange or reorder your product meta info and the price of your product;

Just to manage your expectations, this isn’t specifically a theme issue, but rather, your customisation of it. So whilst I have happily provided you with some guidance above on how to get it working, we cannot provide theme customisation as a general rule, or support custom code solutions provided.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Best Regards.

#5

Hi @ruenel

Thanks for getting back to me. The hooks above are for the single product page. Do you have a link to a hook list for the shop listing page? I’m having trouble tracking this down.

The SKU I’m trying to move is on this page: http://wholesale.noblecollection.co.uk/

Sorry, I know I’m pushing my luck here - a link would be great, if you have it!

Kind regards,

Spencer

#6

Hello Spencer,

Actually, it is possible to change the order of the product information with just CSS so kindly try this code in X > Theme Options > CSS:

.woocommerce .products li > .entry-product {
    display: flex;
    flex-direction: column;
}

.woocommerce .products li > .entry-product .product-meta {
    order: 2;
}

.woocommerce .products li > .entry-product .entry-wrap {
    order: 3;
}

.woocommerce .products li > .entry-product .entry-featured {
    order: 1;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.