...
Content Constructor is fully based on Vue.js so if you're not familiar please read some about it first: http://vuejs.org/
1. Request a BE part of the component
...
| Info |
|---|
Note: scripts within module needs to be builded first (gulp pipeline from theme module doesn’t track mentioned changes), to get your changes visible for you. To locally build module: |
1. Request a BE part of the component
First of all, you'll need a backend developer who will prepare logic for getting configurator inside modal and passing data to it as well as passing its data to the storefront. In this step you'll need to tell him what's the path for your component in the admin panel. Let's say we want to add component which is responsible for adding headline (I know this component already is there, but you can also follow this guide in your editor and check the filesystem on your own). So let's call it simply headline and tell BE guy that this component will be reachable under headline/configurator/headline.phtml
...
| Code Block |
|---|
&__slogan {
// Headlines, paragraphs and list that can be added via editor should keep slogan styles
// When styled in editor elements will receive inline styles that will take precedence
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
}
}font-style: inherit;
}
} |
| Note |
|---|
When links <a> are added to description/slogan do not link the whole slide. Use |
...
Add static block content as description/slogan content for image-teaser
Static block HTML can be inserted as description content by using a directive with block ID:
| Code Block |
|---|
{{block id="teaser_content"}} |
...
| Note |
|---|
When links <a> are added to description/slogan do not link the whole slide. Use |