Return to previous page

XStore v5.2 – Page title & Breacrumbs area missing on Basket & Checkout pages

This topic has 5 replies, 3 voices, and was last updated 5 years, 6 months ago ago by Olga Barlow

Robert

Participant

October 1, 2018 at 12:43

After updating to XStore 5.2 from 4.28.1, the page title area and breadcrumbs is missing from the page header on basket and checkout pages, and maybe other pages related to the Woocommerce checkout process. I can’t find any settings in the theme options to turn this back on.

https://prnt.sc/l0t5kw

Please advise?

Regards

#200259 Copied Theme version: 5.2

4 Answers

Rose Tyler

Support staff

October 1, 2018 at 13:15

Hello,

Please check our new demo – https://xstore.8theme.com/demos/2/marseille02/cart/
You can change this using custom css code. Please provide us with your site URL so we can give you correct css code.

Regards

#200262 Copied
Robert

Participant

October 1, 2018 at 16:44
Thank you for your response. I am not using the Marseille variant of the theme, so this is not helpful.

The live site is still running XStore v4.28.1. I duplicated the site offline and updated to v5.2 for testing purposes, so I can iron out the problems I discovered after the update.

Since you mentioned that the solution was a css one and not a setting, I have been playing around with custom stylesheets to turn on the title area again. This is what I came up with:-
```
/* This turns the breadcrumbs & title area on for cart/basket & checkout */
.woocommerce-cart.et-header-not-overlap .page-heading .container, .woocommerce-checkout.et-header-not-overlap .page-heading .container {
    display:inherit !important;
}

/* This restores the padding for the title area for cart/basket & checkout */
.woocommerce-cart.et-header-not-overlap .page-heading, .woocommerce-checkout.et-header-not-overlap .page-heading {
	padding-top: 4.7em !important;
	padding-bottom: 4.7em !important;
}
```
Please, tell me if there is a better way to do this?

Now I see why 8theme decided to turn off the title area for the Marseille variant of the theme, but why did you force this change on all the other theme variants? It makes no sense. At least make this an option for us.
#200277 Copied
Robert

Participant

October 1, 2018 at 18:32
Please, let me know if 8theme intend to provide a fix for the missing title area in future?

I have a couple of more questions regarding my basket (cart) page…
1. On the basket & checkout pages, this text is displayed at the top: “SHOPPING CART / CHECKOUT / ORDER COMPLETE“. How do I change that text to display “SHOPPING BASKET / CHECKOUT / ORDER COMPLETE” instead?
2. I have changed the message seen on the empty cart page using theme options. My page is called “Basket” not Cart (a USA term, not British English), so I would like to change all icons from a shopping trolley (“cart” in USA) to a basket, which is widely used in the UK for eCommerce pages. I was able to do this in the header using theme options, but unable to see an option to change the icon on the basket page (empty cart, no items added to cart). Please, can you kindly describe how I can achieve this?
  I see this code in css which seems to determin xstore-icons used:
  
  .empty-cart-block:before, .empty-category-block:before, .woocommerce-thankyou-order-received:before { font-family: 'xstore-icons'; display: block; border: none !important; font-size: 2.6rem; line-height: 1; }
  
  .empty-cart-block:before { content: "\e90c"; }
  
  Now sure where to source and change a different icon?
Regards
#200284 Copied
Olga Barlow

Support staff

October 3, 2018 at 16:20
Hello,

Sorry for the delay in answering. Yes, you can use that core to display the default breadcrumbs on the cart/checkout page.

1) You can use the translation files and create British localization http://prntscr.com/l1qyt4
And change all the cart words to “Basket”

2) Use this custom CSS to cahnge the empty cart icon
```
.empty-cart-block:before {
  content: "\e93e";
}
```
Regards
#200404 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘XStore v5.2 – Page title & Breacrumbs area missing on Basket & Checkout pages’' has been successfully resolved, and the topic is now closed for further responses

XStore v5.2 – Page title & Breacrumbs area missing on Basket & Checkout pages

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection