OpenCart Community

Hi all
Opencart 2.3
so i click on category in the menu and get this i the url
http://mybutcher.shop/h/index.php?route ... path=77_86
i understand where the header is derived from and assume footer too
but where is the image and big text 1920x250 in a layout ..
and all the individual product layouts derived from
because
if i follow the route product/category the associated category layout attached contains nothing like that...
how do you find it from the path??
thanks

george

bump please...
just a clue would help about how path is used ... i think i understand route but path???

Hi
If you are talking about this image:
http://mybutcher.shop/h/catalog/view/th ... dcrumb.jpg

It is displayed with CSS as the background for your breadcrumbs menu.
This file:
catalog/view/theme/btc001/stylesheet/stylesheet.css

Code:
.bread-crumb {
background: url(../images/bg-breadcrumb.jpg) no-repeat scroll 0 0;
padding: 80px 0;
margin-bottom: 90px;
}

thanks DC... apart from telling me the size I need to replace it with I'm ot sure what else to do with that... I assume the picture underneath is part of another section...

Are there any tutorials or docs which explain the concept of paths?

thanks

george

Hi George
If you are familiar with CSS, you can edit it based on your need, for example you can change that image or remove it:
.bread-crumb {
background-color: #ddd; /* Using a color instead of image */
padding: 20px 0; /* reduce padding size */
margin-bottom: 90px;
}

The image bellow it is displayed via CSS too:
.bread-crumb:after {
background: url(../images/bread-crumb-img.png) no-repeat scroll 0 0;
content: "";
position: absolute;
width: 148px;
height: 103px;
left: 50%;
transform: translateX(-50%) translateY(20%);
-moz-transform: translateX(-50%) translateY(20%);
-webkit-transform: translateX(-50%) translateY(20%);
-o-transform: translateX(-50%) translateY(20%);
}

DC... that is excellent... i certainly can work with the css files... may not know what i am doing but i can experiment.

Question... how does whichever layout is being used know whch is the correct css???

still searching for path info???

Well CSS linking is usually placed in the header.tpl(twig) file,
and so 'globally' existing, without the need of calling a specific file,
to make some specific style Code work on demand.

But some of it comes separately, in a Vq/OcMod, to likely be added
to the OcMod/VqMod cached header.xxx or footer.xxx Section File.
Or as part of a File in a moduled Extension, to make specific 'things'
look, as they should.

STILL, in a FINAL OC Installation, one better has ALL Style Content
placed in a SINGLE stylesheet.css file, since every additional
File Code, to be loaded, slows down overall OC Load Performance.

And in a real 'top-notch' OC 'Production' Environment, even the
compressed Stylesheet Content would at best be included in the
bootstrap.min.css File, to so avoid ANY surplus Server 'Requests'.

And finally, after compressing the OUTPUT as well, an 18 Subcat Category
Page Source could possibly look like this:
download/file.php?mode=view&id=36680

Just be also aware of, that such a compressed 'Style'-related' File
is not easy to 'handle' anymore, when it comes to change something
existing. One should therefore always keep a 'last Version' of the
bootstrap.min.css + stylesheet.css file, to be used for Tests,
before such Code is re- 'combined' and 'compressed' to it's best again !

It might add only 1 Percent to Performance, if one is already up to 95%
Pageload on GTMetrix.com. But it's an important part of, what eventually
might end up at 99% Pageload Results, or then not ...

But I am aware of, that not everybody care's about such (minor) Details.
And it only really starts to 'count', if one has a busy Shop, and lot's of
visitors. Still, it's also part of getting successful, to avoid everything,
capable of scaring a single potential Customer away, with a single Click,
and for good.

Ernie

Ernie...

it never ceases to amaze me that there are in this world guy like you... real true professionals who care about their craft and more importantly determined to share their vast experience and knowledge: it makes our craft so much richer.

Thank you so much for yet another important jigssaw piece in my fragmented puzzle.

I am an old traditional IT person having spent my youth in the old fashioned development languages like Cobol Algol and Fortran then later into business analysis, project management and now with so many bright fresh young brains retired from the corporate treadmill I find myself needing to understand all these great technologies.
I am acutely aware of the gaping holes in my knowledge and working hard to soak up as much as I can.
So I greatly appreciate yours and KC contributions and of course others who have helpe me in my journey.

Why am I doing this? well I have a niche market I am focused in on to develop a generic set of products and services but more importantly to simply absorb this knowledge.
I am always mindful of a humourous thought though... when they are batting the lid on my coffin I will probably be thinking... I still dont know what I want to be when I grow up... hah!!

guys
i have exhausted my searches on layouts and i understand everything ...
except
what is the purpose of path in the url... the page i describe in the post should consist of a layout and i am hoping the path clarifies how its constructed...

can anybody help me with this concept please!!!

thanks

george

Hi
The explanation re path is its the category and maybe subcategory dB I'd..
So I'm back to square 1
Look at the category layout I posted.. It contains no modules related to category so for the category I selected from the menu how does oc work out the category list it displays?

referencing viewtopic.php?t=100649 I think i am beginning to understand....

the theme has a category.tpl file which determines what content is produced... if i need to change anything then this needs changing..

on reflection i am happy with this content my issue has been with the breadcrumb stuff and you guys hav given me the answers earlier in this thread...