Return to previous page

Shipping charges and local pickup options come together on cart page (and multiple)

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

khurram virk

Participant

October 25, 2023 at 11:57

Dear Sir

good day to you!

thank you for your support

1– Shipping charges and local pickup options come together on cart page. How can we separate them two options?
2– We want to replace the cross icon with the delete icon on cart page. How can we achieve this?
3– We have 4 buttons on single products. Just like Add to cart and Buy button have text “OR” between them, we want to achieve the same for rest of buttons. For example, we want to show “OR” text between Buy Now and Add to Quote button and then show “OR” text for Add to Quote and Ask an Expert button.
4– Also want to increase the width of “Add to Quote button” and make it similar to “Buy Now” button. Want to make it similar

Video has also been attached for better understanding. Any help would be appreciated.

Thank you 8 theme

Please, contact administrator
for this information.

#371462 Copied Theme version: 9.1

1 Answer
Rose Tyler

Support staff

October 26, 2023 at 12:46
Hello, Khurram Virk,

Thank you for contacting us and for using XStore.

1/ It can be achieved only with contaction for additional customization service https://www.codeable.io/?ref=qGTdX or with options of shipping plugin (you can search for one in WordPress free plugins → https://wordpress.org/plugins/ or ask WooCommerce support for suggestions → https://woocommerce.com/
).

2/ You can add the next custom CSS to achieve the next result → https://prnt.sc/uH61FpM_S9hA :
```
.cart-item-details .remove {
    font-size: 0;
}
.cart-item-details .remove:before {
    content: '\e90a';
    font-size: 1rem;
    font-family: 'xstore-icons';
}
```
All XStore-icons list you may find on this page → https://xstore.8theme.com/xstore-icons

3/ You can add the next custom CSS to achieve next result →https://prnt.sc/6K2FoytRGgx7
```
.single-product-request-quote-wrapper:before,
.yith-ywraq-add-button:before {
    content: ' OR ';
    font-size: calc(var(--content-zoom, 1rem) * .84);
    position: absolute;
    transform: translateY(-50%);
    z-index: 1;
    width: 100%;
    text-align: center;
    text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff;
}
.single-product-request-quote-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
}
.single-product-request-quote-wrapper:after,
.yith-ywraq-add-button:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid currentColor;
    left: 15px;
    right: 15px;
    opacity: .1;
}
.et_b_single-request-quote-button {
    margin-top: 15px;
}
.yith-ywraq-add-button {
    margin-top: 20px;
}
.woocommerce .yith-ywraq-add-to-quote .add-request-quote-button {
    margin-top: 20px !important;
    height: auto;
}
```
4/ To make the same stretch button for Add to Quote button you can add next custom CSS:
```
.woocommerce.single-product .product .yith-ywraq-add-to-quote {
    display: block;
}
```
To make the same stretch button for request a quote button you can also add next custom CSS:
```
.et_b_single-request-quote-button {
    width: 100%;
    text-align: center;
}
```
Kind Regards,
8theme team
#371624 Copied
Tagged: custom woocommerce checkout, woocommerce cart page features, woocommerce local pickup, woocommerce shipping options, wordpress woocommerce templates
Viewing 2 results - 1 through 2 (of 2 total)