Return to previous page

Request for Wishlist Page Layout Changes

This topic has 8 replies, 2 voices, and was last updated 1 months, 1 weeks ago ago by Rose Tyler

Drishti

Participant

October 2, 2024 at 21:10

I need assistance with customizing the wishlist page layout:

1) In the action tab of the wishlist table, I would like to show only the Add to Cart button and the Added on Date.
2) I also want to change the font of the product title to Roboto.
Please see the attached screenshot for more details.

Files is visible for topic creator and
support staff only.

#416799 Copied Theme version: 9.4.1

7 Answers
Rose Tyler

Support staff

October 3, 2024 at 08:50
Hello, Drishti,

Thank you for reaching out to us with your request. We are more than happy to assist you with customizing the wishlist page layout as per your specifications.

1/ Add to cart button will be shown for variable products in case a variation was selected before adding to the cart – https://prnt.sc/nONMdEQLtbau
The table content of the wishlist page can be edited via Theme Options > WooCommerce (Shop) > Wishlist.

2/ Custom CSS code can be used:
```
.xstore-wishlist-items .product-title {
    font-family: "Roboto";
} 
```
Read more – https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best Regards,
8Theme’s Team
#416847 Copied
Drishti

Participant

October 3, 2024 at 23:06

Thanks,

I am ok with the 1st point.
Font: I want all table headers in Poppins and values in Roboto.

I want to remove the quick look, the drop-down (add to cart, remove), and the ‘Apply’ button. Also, I do not want the check box on the products. I want it simple. I have highlighted components in the attached image that I do not want.

Files is visible for topic creator and
support staff only.

#417000 Copied
Rose Tyler

Support staff

October 4, 2024 at 08:07
Hello, Drishti,

We’ve added custom CSS code in Theme Options > Theme custom CSS > Global:
```
.yith-wcbm-theme-xstore .show-quickly, 
.yith-wcbm-theme-xstore.xstore-wishlist-checkbox, 
.xstore-wishlist-apply-actions select, .xstore-wishlist-apply-actions .xstore-wishlist-actions {
    display: none;
} 
```
“Font: I want all table headers in Poppins and values in Roboto.” – please provide some screenshots for a better understanding of your request.

Best Regards,
8Theme’s Team
#417057 Copied
Drishti

Participant

October 4, 2024 at 10:45

Ok, Thanks

I need to below modifications as well to the wishlist page.

1) Add All to cart button: is not working
2) Do not want the select check boxes
2) Table header font to Poppins

Please see the attached screenshot for detailed info.

Files is visible for topic creator and
support staff only.

#417097 Copied
Rose Tyler

Support staff

October 4, 2024 at 14:07
Hello, Drishti,

1/ We’ve checked and it works fine (for variable products variation should be selected).

2/ We’ve edited the mentioned custom CSS code.

3/ Please add this code in Custom CSS area in Theme Options and check the result:
```
.yith-wcbm-theme-xstore table tr:last-child th {
    font-family: "Roboto";
}
```
Best Regards,
8Theme’s Team
#417173 Copied
Drishti

Participant

October 4, 2024 at 15:06
Hi Rose,

1) If wishlist has only variable products then it should be disabled so that the user can not click on that button. Or what are the possible options that we can try.
2) I have added below code to hide product SKU also, but it is not working
```
.sku_wrapper {
    display: none;
}
```
3) how can i give a radius of 12px to the image
#417192 Copied
Rose Tyler

Support staff

October 4, 2024 at 15:57
Hello, Drishti,

1/ You are free to add any product to your wishlist. However, only those products for which a variation (such as size or color) has been previously selected can be added to the shopping cart directly from the wishlist page. This is a logical setup to ensure accuracy in your order. For instance, if you add a T-shirt to your wishlist without specifying a preference for color, the system cannot automatically determine whether you wish to purchase a black or white T-shirt when moving it to the cart.

2/ https://prnt.sc/7FNEbwegSOva

3/
```
.xstore-wishlist-image img {
    border-radius: 12px !important;!i;!;
}
```
Best Regards,
8Theme’s Team
#417223 Copied
Tagged: customize wishlist page, ecommerce wishlist optimization, improve woocommerce wishlist, user-friendly wishlist interface, wishlist design upgrade, wishlist layout changes, wordpress woocommerce templates
Viewing 8 results - 1 through 8 (of 8 total)