Return to previous page

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

This topic has 3 replies, 3 voices, and was last updated 1 months, 3 weeks ago ago by Tony Rodriguez

  • Avatar: khurram virk
    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
    2 Answers
    Avatar: Rose Tyler
    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
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 6, 2025 at 15:24

    Dear khurram virk,

    Choosing our theme reflects your commitment to quality, and for that, we’re genuinely grateful. As we constantly strive to elevate your experience, your feedback is an invaluable gift. Could you kindly take a moment to rate our product with 5 stars on ThemeForest?

    Click here to share your insights: https://themeforest.net/downloads

    Your support fuels our journey, and we appreciate it more than words can express.

    Best Regards,
    The 8Theme Team

    #443043 Copied

  • Tagged: , , , ,

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Shipping charges and local pickup options come together on cart page (and multiple)’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.