Editing Cart, Checkout, Thank You/Order Status Page

This topic has 6 replies, 2 voices, and was last updated 1 year, 5 months ago ago by Tony Rodriguez

  • Avatar: TFS
    TFS
    Participant
    October 24, 2022 at 05:13

    Hello!

    How can I edit the cart/checkout/order status page?
    I can see that the demo; https://xstore.8theme.com/elementor/demos/grocery-market/cart/

    It has the payment method images. How can I edit that?
    Also can I edit the

    1) You may be interested in section
    2) Our brands section (below you may be interested in)
    3) The words/font/text of the top section (shopping cart – checkout – order status) etc.

    5 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 24, 2022 at 06:31

    Hello, @TFS,

    To edit the image simply go to the Dashboard >> Appearance >> Widgets >> Cart area, there you will see the image, you can set it to change/remove it as per your need, and changes will appear on the cart page: https://postimg.cc/7f9WyDrj

    1- In the Theme options >> WooCommerce >> Cart >> Cross-sell-products you can set the layout of the products “You may be interested” see image: https://postimg.cc/kDmCJnL5 further if you want to show the specific products you then you have to add the products you want, while you editing a product. In the Product option tab you will see the option check image: https://postimg.cc/QH7cpJ0m as you can see, I added 4 products I want to show, and here is the resulting image: https://postimg.cc/hJ2mSytD

    2- It is coming from the block simply navigate to the Dashboard >> Static Blocks >> There you will see the block called “PreFooter grocery-market” check the image: https://postimg.cc/Js1tGNgG simply edit it as per your need, changes will appear on the frontend.

    3- In order to solve your issue simply go to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there. Check the image: https://postimg.cc/xkQr05F4

    .cart-checkout-nav a{font-size:18px !important; font-family: cursive !important;}

    Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/yk32ctMG

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    October 28, 2022 at 01:40

    Hello Tony,

    Thanks!
    For; 3) The words/font/text of the top section (shopping cart – checkout – order status) etc.

    Can I change the words from shopping cart to something like shopping bag etc?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 28, 2022 at 05:16

    Hello, @TFS,

    3. Yes you can change the word as well but for that, you have to change it in the theme language files using translation, you can use the Loco translate plugin for it, please read our theme documentation here: https://xstore.helpscoutdocs.com/article/30-base-theme-translation

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    October 29, 2022 at 02:36

    Hello Tony,

    I think I was not clear, I want to change the words

    Shopping cart to something different like Shopping bag.
    I am not sure what this has to do with the translate plugin?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 29, 2022 at 05:56

    Hello, @TFS,

    Please watch this video I have captured for you: https://www.veed.io/view/c8246d3f-7d44-4092-9e78-d53aa86c2581?sharingWidget=true

    Hope this helps and all is clear now.

    Regards 8Themes Team.

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

You must be logged in to reply to this topic.Log in/Sign up

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