How to change OpenCart2 breadcrumbs home text? - opencart

I'm struggling with this problem for a few months now and I can't figure out where to change this.
Note that the website I'm working on is coded by someone else, I can't find the part where the fontawesome icon is added to the home text in the breadcrumbs.
Look at the breadcrumbs
As you can see there's an icon added, but I want to add a space between home and the icon, I just can't figure out which file to edit.
If you need any more info, let me know.

Search for $_['text_home'] in catalog/language/english/default.php and add a space in it.

Related

Adding a link or dropdown link in Big Cartel using Roadie theme

I was wondering if someone could tell me how to add a link (or two) or a drop-down menu of links to the roadie theme in Big Cartel. I have some space where they could sit but I'm not sure exactly what I'm doing when it comes to adding the links.
I've found the section in the layout HTML where the nav bits are but after that I'm not getting anything to show up.
Thanks.

Font Awesome blank squares in OpenCart

I'm migrating my website to another hosting, but I have problem with the font.
When you open site for the first time font is not working, it's just showing blank squares, after you go into any subpage it starts to works. Do you have any idea what might be causing it?
its depends on where you added font awesome in opencart.
Mostly it should be in
catalog/view/theme/default/template/common/header.tpl
And if you added with some custom condition then check it.
because in opencart only Except then home page, other inner pages open with Query parameter.
ex. index.php?route=common/home
So, for inner pages check source code and look at the CSS path is proper or not.
Just to add (I cannot comment), if you're not using the default theme, you'd want to navigate to catalog/view/theme/(your theme name)/template/common/header.tpl
If you're using the Journal theme, you'll want to check the template/journal2/headers folder.
Try these and tell us if any of them makes a difference:
Edit your config.php and check that the HTTP_SERVER and HTTPS_SERVER variables are correct.
Make sure that the link to Font Awesome is correct, this also means making sure that if your site mainly uses www.domain.com and not domain.com that your link to Font Awesome has www. in as well. Same goes for http:// vs https:// and vice versa.
Check the casing of the font filename. Font-Awesome.min.css is not the same as font-awesome.min.css and your new server may care about that.
Koda

How to add href link to bootstrap rollover image?

Warning: I'm a noob. The little I know comes from fiddling around.
I maintain a hobby website of images created in bootstrap 3 and I would like to have a responsive rollover image that also links to the full size image.
I have been able to complete the responsive rollover part, but I can't figure out how to add the link to display the full image.
Here's what I have so far:
https://jsfiddle.net/11cmcznn/
HTML:
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div>
I can't post the CSS because I don't have reputation points yet.
Any help would be much appreciated.
Put href before the div and make sure you close the parent div too. Like this
<div class="rollover-wrapper-1"><div class="rollover-image-1"></div></div>
Well I've run into another problem. I have the rollover image working properly including linking to the full size image. But for some reason whenever I add the code to the webpage and the style sheet, somehow the webpage is looking for the style sheet in the wrong place on my website.
I have a style sheet "default.css" that I use for all my webpages. This css sheet is in the root of the website. But for some reason the webpage with the rollover image will not display the image, and when I inspect the element within Chrome it gives me 404 error stating that the default.css is not found in a certain folder on the website. I've never had the default.css in any folder besides the root.
So somehow the webpage is looking for a style sheet in a place where none exists, and I have no idea why.
If I copy the default.css style sheet from the root into the folder it's looking for then the webpage loads properly, but I don't want to have to maintain two identical style sheets. I just don't know how the style sheet got attached to the webpage.
I'm sorry for the vagueness of this problem, but I don't know enough to make a more informed question.

Like button code doesn't work on my website

I found a few similar topics however none specific to my issue. I went to create a like button code, I clicked the create like box, added my link http://www.facebook.com/pages/SpartaPerformancecom/248083571902684 to the URL formated the like button how I want it to appear. Then I opened Dreamweaver and pasted the Facebook code in the Dreamweaver HTML code where I want the Like button to appear but I get nothing. Please respond like "coding for dummies" language so I can understand how to solve my issue. Thanks in advance.
Make sure you add <div id="fb-root"></div> somewhere between the <body></body> tags. Their latest like button generator is missing that part.

How to keep scrollbar from automatically going back to the top?

I have a list of links within a div with a scrollbar. When the user clicks on a link below the x-height of the div, the srollbar automatically goes back to the top. I would like the scrollbar to stay in position no matter what links the user clicks. Here is the site- try clicking on a painting from 2006 and you'll see what I mean.
Does anyone have any ideas of how I can make this scrollbar behave?
Thanks,
Brad
It looks like these links are just that, links to a new page... and thus it's not so much that the scrollbar is resetting but that a whole brand new page is coming up and the 'reset' scrollbar is just a byproduct.
The most elegant way would be to have those links pull in the new content without reloading the page, but this requires AJAX. If you aren't familiar with the intricacies of AJAX and how to implement that, then you could change the link to include an anchor to the link, like so:
http://siddharthparasnis.com/2006-01/#menu-item-377
The page would reload scrolled down to that item.