Cart Page Edits - by TFS - on WordPress WooCommerce support

This topic has 11 replies, 2 voices, and was last updated 1 years, 12 months ago ago by Tony Rodriguez

  • Avatar: TFS
    TFS
    Participant
    November 23, 2022 at 05:40

    Hello,

    I need some help on the cart page.

    1) So to confirm in the top bar cannot be edited in terms of adding images etc.

    However;
    – The color of the background can be changed.
    – The color of the text can be changed.
    – The number icon colors can be changed.
    – The text can be changed with the help of the translation plugin.

    2) Can the shipping cost bar be edited in anyway?

    – In terms of the icon (it is right now a truck type icon)

    3) Under the shipping cost bar, you have the section for the information of the products

    – Is there any way to edit the text? Text = PRODUCT, PRICE, SKU, QUANTITY, SUBTOTAL
    Can we make the words bold?
    – Is there any way to change the color of the money amounts? It is currently a grey color.
    – Can we change the hover color of the – & + sign which appear under the word “quantity”

    4) The section of the coupon code, there is an OK button after it.

    – Can we add a little space between the bar and the OK button? It is currently right beside each other.
    – Can we edit the text from OK to Apply Coupon?

    5) The Box on the right which has the total amounts and 2 buttons (proceed to checkout, continue shopping)

    – Can we edit the text CART TOTALS to “YOUR CART TOTALS”?
    – I currently do not have any location or shipping terms set, I am guessing once those are activated that the box will show things such as TAX & SHIPPING?
    – Can we add a symbol of a padlock on the button “Proceed To Checkout?
    – Can we add a symbol of a shopping cart on the button “Continue Shopping?
    – Can we add text inside the box below the “Continue Shopping Button?
    – If I add express payment options such as PayPal etc., will they appear inside this box?

    Thanks!

    Please also see the private content area ๐Ÿ™‚

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: TFS
    TFS
    Participant
    November 23, 2022 at 06:00

    6) How can I get rid of the “You May Be Interested” section which is appearing on the cart page by default? It looks off, I want to remove it and then add it after using Elementor.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 24, 2022 at 06:31

    Hello, @TFS,

    1- Could you please share your site WP-Admin URL and access in the private content area of this topic by following the below-given format:

    WORDPRESS ADMIN URL: and
    WORDPRESS ADMIN USERNAME:
    WORDPRESS ADMIN PASSWORD:

    So that I will check the issue on your site.

    2- Please share the page URL with us.

    3- In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

    .woocommerce-cart-form table thead th{font-weight:700 !important;}

    Then save settings and check back to your site after clearing the browser cache.

    a- To solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

    tr.woocommerce-cart-form__cart-item.cart_item.st-item-meta span.woocommerce-Price-amount.amount{color:red !important;}

    Then save settings and check back to your site after clearing the browser cache.

    Note: in the above code the word “red” is the color you can change it with you want.

    b- Now, In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

    div.quantity>span:hover{color:red !important;}

    Then save settings and check back to your site after clearing the browser cache.

    Note: in the above code the word “red” is the color you can change it with you want.

    4/a- To solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

    .coupon input[type=text]{width:85% !important;}

    Then save settings and check back to your site after clearing the browser cache.

    4/b- Please share the screenshot and also the page URL as well so that I will further check and let you know about it.

    5- Please provide a screenshot of the issue and share your site access as I requested it in point number 1.

    6- 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

    You cannot edit the section using Elementor.

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    November 24, 2022 at 19:44

    Hello Tony,

    1) Please ignore, all good now!

    2) URL provided, I am referring to the icon near the shipping bar – it is a truck right now, I am wondering if this can be changed

    4) b) I was referring to the text which is inside the coupon code bar. But this can be changed as per the other topic I have. Please ignore here ๐Ÿ™‚

    5) I am referring to the the box which is on the right side
    Which has the details and buttons (cart totals, subtotal, total, proceed to checkout button, continue shopping button)

    6) Thanks I will decide on this!

    Please contact administrator
    for this information.
    Avatar: TFS
    TFS
    Participant
    November 24, 2022 at 19:47

    Hello Tony,

    Is there any chance to add a coupon section like the one in the private content area?

    Thanks

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 25, 2022 at 07:05

    Hello, @TFS,

    1- Alright, Thanks.

    2- Simply navigate to the Dashboard >> XSTORE >> Sales Booster >> Cart/Checkout Pages >> from there you can change the icon see the image: https://postimg.cc/67xD1DND simply choose an icon from the list and save settings.

    4- Glad to hear, Thanks.

    5- You have to change it into the WooCommerce plugin language file, please watch this video I have captured for you: https://www.veed.io/view/aa00352e-04c3-49e5-b515-dbae5fa8ab67?sharingWidget=true&panel=share

    – Yes, They will appear there.

    – Sorry to say, there is no such feature like this and changes require customization. If you want paid Customization services submit a customization request to WPKraken team.

    – No, As I said the page is coming from the WooCommerce plugin and it won’t allow users to edit it changes requires customization.

    – No, the payment will appear only at the checkout page not on this page “Cart”

    6- Alright, Easy and decide on it.

    The link you shared with us has the coupon section and it is the default one on your site it appears like this: https://postimg.cc/fk50K9dN and you cannot change it. Also, you cannot add it on any other page.

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    November 25, 2022 at 20:56

    Hello Tony,

    2) Thanks! Can any custom icons be added?

    5)

    – Thanks I will look this up & change it on the language files

    – Thanks I will take a look at them once I complete the WooCommerce settings.

    – Okay, so the actual buttons which are
    a) PROCEED TO CHECKOUT
    b) CONTINUE SHOPPING

    No ICONS can be added. For this I will have to get custom customization from a 3rd party company?

    – Regarding adding text below the continue shopping button, this cannot be added and also needs custom customization from a 3rd party company?

    Please contact administrator
    for this information.
    Avatar: TFS
    TFS
    Participant
    November 25, 2022 at 20:57

    Great, regarding the coupon section.
    This cannot be edited. But I can possibly get this edited from the WPKraken team?

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 26, 2022 at 07:20

    Hello, @TFS,

    2. Unfortunately no, you have to choose from the given one.

    5.

    – Ok Great!!
    – Sure take your time.

    โ€“ Okay, so the actual buttons which are
    a) PROCEED TO CHECKOUT
    b) CONTINUE SHOPPING

    Could you please share the screenshot of those buttons and the icons you want to set and where?? so that I will check and let you know, if it is possible or not?

    โ€“ Regarding adding text below the continue shopping button, this cannot be added and also needs custom customization from a 3rd party company?

    Yes, you got it right, unfortunately, this is not possible with the theme options and requires extra Customization.

    Regarding the coupon, Could you please write back to the particular topic, as I am not able to understand it, what you want.

    Regards 8Themes Team.

    Avatar: TFS
    TFS
    Participant
    November 26, 2022 at 07:56

    2) No problem, I have found a shopping bag one which is great!

    5)

    – Regarding the buttons, I was talking about the buttons on the cart page (proceed to checkout and continue shopping) Please ignore now as you have provided these on another topic!

    – Perfect, I will try to look around or see another alternative.

    – I was referring to the coupon section on the cart page (the place where it says coupon code), and if I want to edit or change/customize it in anyway I would need to find a 3rd part company that does customization such as WPkraken.

    Thanks!

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 26, 2022 at 08:33

    Hello, @TFS,

    2. Sound’s Good!!

    5. โ€“ Regarding the buttons, I was talking about the buttons on the cart page (proceed to checkout and continue shopping) Please ignore now as you have provided these on another topic!

    Ok ignored as per on your request.

    5. โ€“ Perfect, I will try to look around or see another alternative.

    Sound’s Good!!

    5. โ€“ I was referring to the coupon section on the cart page (the place where it says coupon code), and if I want to edit or change/customize it in anyway I would need to find a 3rd part company that does customization such as WPkraken.

    Yes, you understand it correctly.

    Regards 8Themes Team.

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

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

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