Hi there, I am using this as a foundation for creating a custom plugin to help understand the process by which the templates are pulled in. For example I want to include this component to override the default layout nav/brand logic
<template name="navigationBrandCustom">
<a class="brand" href="{{pathFor '/'}}" title="{{siteName}}">
{{#if logo}}
<div class="logo">
<img src="{{logo.url}}" alt="{{siteName}}">
</div>
{{else}}
<span class="title">{{siteName}}</span>
{{/if}}
</a>
</template>
Is it possible to get a little info on how to wire this up into the plugin? I've tried a number of options and at the moment I am seeing a "This site requires JavaScript. Please enable it in your browser settings." message.
[Error] Blocked script execution in 'http://localhost:3000/' because the document's frame is sandboxed and the 'allow-scripts' permission is not set. (x142)
I would expect to change the layoutHeader value to my header template, but that doesn't seem to work in:
import { Reaction } from "/server/api";
// Register package as ReactionCommerce package
Reaction.registerPackage({
label: "Hydrotik",
name: "hydrotik",
icon: "fa fa-vine",
autoEnable: true,
registry: [
{
route: "/about",
name: "about",
template: "aboutUs",
workflow: "coreWorkflow"
}
],
layout: [{
layout: "layoutCustom",
workflow: "coreWorkflow",
collection: "Products",
theme: "default",
enabled: true,
structure: {
template: "productsLanding",
layoutHeader: "layoutHeader",
layoutFooter: "layoutFooter",
notFound: "productNotFound",
dashboardHeader: "",
dashboardControls: "dashboardControls",
dashboardHeaderControls: "",
adminControlsFooter: "adminControlsFooter"
} }
]
});