Return to previous page

Move the Wishlist to the bottom of the product page

This topic has 4 replies, 2 voices, and was last updated 4 years, 7 months ago ago by Rose Tyler

john

Participant

May 3, 2020 at 09:42

On the single product page I would like to move the Add to wish list to the share buttons to the bottom under additional information. Is this possible? I have not been able to find it in the template.

#235448 Copied Theme version: 6.2.9 WooCommerce version: 3.9

3 Answers

Rose Tyler

Support staff

May 3, 2020 at 11:35

Hello,

It is not possible, by default.
Try to use the next custom CSS code:

.single-product .product-information-inner .fixed-content {
    display: flex;
    flex-direction: column;
}
.single-product .product-information-inner  h1.product_title.entry-title { order: 1;}
.single-product .product-information-inner  .key-sku { order: 2; }
.single-product .product-information-inner  .price { order: 3; }
.single-product .product-information-inner  .cart { order: 4; }
.single-product .product-information-inner  .yith-wcwl-add-to-wishlist { order: 7; }
.single-product .product-information-inner  .compare.button { order: 5; }
.single-product .product-information-inner  .product_meta { order: 6; }
.single-product .product-information-inner  .product-share { order: 8; }
.single-product .product-information-inner .woocommerce-tabs { order: 9; }

Change order number depends on your neeeds.

Regards

#235463 Copied

john

Participant

May 3, 2020 at 20:08

Nicely Done. Excellent, exactly what was needed

#235507 Copied

Rose Tyler

Support staff

May 4, 2020 at 06:27

You’re welcome!