Add a static block(widget) before the breadcrumbs
I'm using Magento 2.3.0, and I'm trying to add a block before the breadcrumbs
, without any padding or margin.
I've created a block from the back-end, then my widget using this block, and then placed the widget on Catalog Category
, as I want it only on category pages, and as container I picked After Page Header
, but that places me the block/widget right after the breadcrumbs
, and it also has the padding from the block class, that I don't want, I would like to have it 100% width.
magento2 blocks breadcrumbs
add a comment |
I'm using Magento 2.3.0, and I'm trying to add a block before the breadcrumbs
, without any padding or margin.
I've created a block from the back-end, then my widget using this block, and then placed the widget on Catalog Category
, as I want it only on category pages, and as container I picked After Page Header
, but that places me the block/widget right after the breadcrumbs
, and it also has the padding from the block class, that I don't want, I would like to have it 100% width.
magento2 blocks breadcrumbs
add a comment |
I'm using Magento 2.3.0, and I'm trying to add a block before the breadcrumbs
, without any padding or margin.
I've created a block from the back-end, then my widget using this block, and then placed the widget on Catalog Category
, as I want it only on category pages, and as container I picked After Page Header
, but that places me the block/widget right after the breadcrumbs
, and it also has the padding from the block class, that I don't want, I would like to have it 100% width.
magento2 blocks breadcrumbs
I'm using Magento 2.3.0, and I'm trying to add a block before the breadcrumbs
, without any padding or margin.
I've created a block from the back-end, then my widget using this block, and then placed the widget on Catalog Category
, as I want it only on category pages, and as container I picked After Page Header
, but that places me the block/widget right after the breadcrumbs
, and it also has the padding from the block class, that I don't want, I would like to have it 100% width.
magento2 blocks breadcrumbs
magento2 blocks breadcrumbs
edited 2 days ago
Pawan
1,6132515
1,6132515
asked 2 days ago
alexcralexcr
61062043
61062043
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
If default container not working for you, We have always option to add new one.
We can add a new container before breadcrumbs in following file
mag2Root/app/design/frontend/{Package}/{theme}/Magento_Theme/layout/default.xml
<referenceContainer name="page.top">
<container name="before_bread" label="Before Breadcrumbs" htmlTag="div" htmlClass="bread" before="breadcrumbs"/>
</referenceContainer>
Above code will add new container after breadcrumbs.
You can select this container for widget container like:
Note: for padding/margin/width, you have a new class bread
You can adjust as per requirement!
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f257174%2fadd-a-static-blockwidget-before-the-breadcrumbs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
If default container not working for you, We have always option to add new one.
We can add a new container before breadcrumbs in following file
mag2Root/app/design/frontend/{Package}/{theme}/Magento_Theme/layout/default.xml
<referenceContainer name="page.top">
<container name="before_bread" label="Before Breadcrumbs" htmlTag="div" htmlClass="bread" before="breadcrumbs"/>
</referenceContainer>
Above code will add new container after breadcrumbs.
You can select this container for widget container like:
Note: for padding/margin/width, you have a new class bread
You can adjust as per requirement!
add a comment |
If default container not working for you, We have always option to add new one.
We can add a new container before breadcrumbs in following file
mag2Root/app/design/frontend/{Package}/{theme}/Magento_Theme/layout/default.xml
<referenceContainer name="page.top">
<container name="before_bread" label="Before Breadcrumbs" htmlTag="div" htmlClass="bread" before="breadcrumbs"/>
</referenceContainer>
Above code will add new container after breadcrumbs.
You can select this container for widget container like:
Note: for padding/margin/width, you have a new class bread
You can adjust as per requirement!
add a comment |
If default container not working for you, We have always option to add new one.
We can add a new container before breadcrumbs in following file
mag2Root/app/design/frontend/{Package}/{theme}/Magento_Theme/layout/default.xml
<referenceContainer name="page.top">
<container name="before_bread" label="Before Breadcrumbs" htmlTag="div" htmlClass="bread" before="breadcrumbs"/>
</referenceContainer>
Above code will add new container after breadcrumbs.
You can select this container for widget container like:
Note: for padding/margin/width, you have a new class bread
You can adjust as per requirement!
If default container not working for you, We have always option to add new one.
We can add a new container before breadcrumbs in following file
mag2Root/app/design/frontend/{Package}/{theme}/Magento_Theme/layout/default.xml
<referenceContainer name="page.top">
<container name="before_bread" label="Before Breadcrumbs" htmlTag="div" htmlClass="bread" before="breadcrumbs"/>
</referenceContainer>
Above code will add new container after breadcrumbs.
You can select this container for widget container like:
Note: for padding/margin/width, you have a new class bread
You can adjust as per requirement!
answered 2 days ago
PawanPawan
1,6132515
1,6132515
add a comment |
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f257174%2fadd-a-static-blockwidget-before-the-breadcrumbs%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown