Append word to breadcrumb

Support
#1

Hi,

I want to add word “Back To” before work in breadcrumb

Kindly see the following image to see how I need it

#2

Hello There,

Thanks for writing in! To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-breadcrumbs:before {
    content: "< Back to";
    display: inline-block;
    float: left;
    margin-right: 10px;
}

Hope this helps.

#3

Thanks … it works.
Is there a way to make it clickable … to make it like a part of the text itself ?!

#4

Hi there,

Unfortunately, the solution previously provided is a simple solution which is limited to having the text displayed before the first item in the breadcrumb.

If you want to make the text clickable you will have to do further customization which goes beyond the scope of our support.

Thanks for understanding.

#5

I think it can be appended and being clickable using JQuery but It didn’t work for me
Can you help me in this?

Thanks

#6

Hello There,

Thanks for updating in! If you want to use JS code, please remove the custom css first and then please add this JS code in the Theme Options > Global JS (http://prntscr.com/evswzb) or in the customizer, Appearance > Customize > Custom > Edit GLOBAL Javascript

(function($){
  var  text = $('.x-breadcrumbs a').text();
  $('.x-breadcrumbs a').text(' < Back to ' + text);
})(jQuery);

If there is a duplicate, you can get rid of the duplicate by using this custom css code:

.x-breadcrumbs a:nth-child(1) {
    display: none;
}

Please be advised that this is just a simple solution. It may or may not work in the future or even create JS/CSS conflict at some point.

Thank you for your understanding.