`.
// $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace
// $font-family-base: $font-family-sans-serif
- $font-family-alt: Arial, "Helvetica Neue", Helvetica, sans-serif; // not predefined
- $font-family-condensed: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; // not predefined
+ $font-family-alt: Arial, "Helvetica Neue", Helvetica, sans-serif; // not predefined // Migrating_To_Bootstrap4: not used in out theme
+ $font-family-condensed: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; // not predefined // Migrating_To_Bootstrap4: DONE, used as a custom variable
- $font-size-base: 14px; // 14px
- $font-size-large: $font-size-base; // =14px // ceil( ($font-size-base * 1.25)) // ~18px
- $font-size-small: odd(($font-size-base * 0.85)); // =12px // ceil( ($font-size-base * 0.85)) // ~12px
+ $font-size-base: 14px; // 14px // Migrating_To_Bootstrap4: DONE, set to $font-size-base
+ $font-size-large: $font-size-base; // =14px // ceil( ($font-size-base * 1.25)) // ~18px // Migrating_To_Bootstrap4: DONE, set to $font-size-lg
+ $font-size-small: odd(($font-size-base * 0.85)); // =12px // ceil( ($font-size-base * 0.85)) // ~12px // Migrating_To_Bootstrap4: DONE, set to $font-size-sm
- $font-size-h1: odd(($font-size-base * 2.5)); // =34px // floor(($font-size-base * 2.6)) // ~36px
- $font-size-h2: odd(($font-size-base * 1.75)); // =24px // floor(($font-size-base * 2.15)) // ~30px
- $font-size-h3: odd(($font-size-base * 1.5)); // =20px // ceil( ($font-size-base * 1.7)) // ~24px
- $font-size-h4: odd(($font-size-base * 1.25)); // =18px // ceil( ($font-size-base * 1.25)) // ~18px
-// $font-size-h5: $font-size-base
- $font-size-h6: odd(($font-size-base * 0.85)); // =12px // ceil( ($font-size-base * 0.85)) // ~12px
+ $font-size-h1: odd(($font-size-base * 2.5)); // =34px // floor(($font-size-base * 2.6)) // ~36px // Migrating_To_Bootstrap4: DONE, set to $h1-font-size
+ $font-size-h2: odd(($font-size-base * 1.75)); // =24px // floor(($font-size-base * 2.15)) // ~30px // Migrating_To_Bootstrap4: DONE, set to $h2-font-size
+ $font-size-h3: odd(($font-size-base * 1.5)); // =20px // ceil( ($font-size-base * 1.7)) // ~24px // Migrating_To_Bootstrap4: DONE, set to $h3-font-size
+ $font-size-h4: odd(($font-size-base * 1.25)); // =18px // ceil( ($font-size-base * 1.25)) // ~18px // Migrating_To_Bootstrap4: DONE, set to $h4-font-size
+// $font-size-h5: $font-size-base // Migrating_To_Bootstrap4: DONE, set to $h5-font-size
+ $font-size-h6: odd(($font-size-base * 0.85)); // =12px // ceil( ($font-size-base * 0.85)) // ~12px // Migrating_To_Bootstrap4: DONE, set to $h6-font-size
//** Unit-less `line-height` for use in components like buttons.
- $line-height-base: 1.428571429; // 1.428571429 // 20/14
+ $line-height-base: 1.428571429; // 1.428571429 // 20/14 // Migrating_To_Bootstrap4: DONE, set to $line-height-base,$line-height-lg,$line-height-sm
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
- $line-height-computed: floor(($font-size-base * $line-height-base)); // floor(($font-size-base * $line-height-base)) // ~20px
+ $line-height-computed: floor(($font-size-base * $line-height-base)); // floor(($font-size-base * $line-height-base)) // ~20px // Migrating_To_Bootstrap4: ??
//** By default, this inherits from the ``.
- $headings-font-family: $font-family-condensed; // inherit
- $headings-font-weight: 700; // 500
+ $headings-font-family: $font-family-condensed; // inherit // Migrating_To_Bootstrap4: DONE, set to $font-family-condensed (custom variable)
+ $headings-font-weight: 700; // 500 // Migrating_To_Bootstrap4: DONE, set to $headings-font-weight
// $headings-line-height: 1.1
// $headings-color: inherit
- $link-font-family: $font-family-condensed; // not predefined
- $link-font-weight: 500; // not predefined
+ $link-font-family: $font-family-condensed; // not predefined // Migrating_To_Bootstrap4: ??
+ $link-font-weight: 500; // not predefined // Migrating_To_Bootstrap4: DONE, set to $link-font-weight
//== Iconography
@@ -113,29 +113,29 @@
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
- $padding-base-vertical: 7px; // 6px
- $padding-base-horizontal: 15px; // 12px
+ $padding-base-vertical: 7px; // 6px // Migrating_To_Bootstrap4: ?? (not present in bs4)
+ $padding-base-horizontal: 15px; // 12px // Migrating_To_Bootstrap4: ?? (not present in bs4)
- $padding-large-vertical: 11px; // 10px
- $padding-large-horizontal: 32px; // 16px
+ $padding-large-vertical: 11px; // 10px // Migrating_To_Bootstrap4: ?? (not present in bs4)
+ $padding-large-horizontal: 32px; // 16px // Migrating_To_Bootstrap4: ?? (not present in bs4)
- $padding-small-vertical: 5px; // 5px
- $padding-small-horizontal: 10px; // 10px
+ $padding-small-vertical: 5px; // 5px // Migrating_To_Bootstrap4: ?? (not present in bs4)
+ $padding-small-horizontal: 10px; // 10px // Migrating_To_Bootstrap4: ?? (not present in bs4)
- $padding-xs-vertical: 2px; // 1px
+ $padding-xs-vertical: 2px; // 1px // Migrating_To_Bootstrap4: ?? (not present in bs4)
// $padding-xs-horizontal: 5px
- $line-height-large: 1.3333333; // 1.3333333 // extra decimals for Win 8.1 Chrome
- $line-height-large-computed: floor(($font-size-large * $line-height-large)); // not predefined
- $line-height-small: 1.5; // 1.5
- $line-height-small-computed: floor(($font-size-small * $line-height-small)); // not predefined
+ $line-height-large: 1.3333333; // 1.3333333 // extra decimals for Win 8.1 Chrome // Migrating_To_Bootstrap4: ?? (should we change it)
+ $line-height-large-computed: floor(($font-size-large * $line-height-large)); // not predefined // Migrating_To_Bootstrap4: ??
+ $line-height-small: 1.5; // 1.5 // Migrating_To_Bootstrap4: DONE, its same as in bootstrap 4
+ $line-height-small-computed: floor(($font-size-small * $line-height-small)); // not predefined // Migrating_To_Bootstrap4: ??
- $border-radius-base: 4px;
- $border-radius-large: 6px;
- $border-radius-small: 3px;
+ $border-radius-base: 4px; // Migrating_To_Bootstrap4: ?? (should we leave it as is?)
+ $border-radius-large: 6px; // Migrating_To_Bootstrap4: ?? (should we leave it as is?)
+ $border-radius-small: 3px; // Migrating_To_Bootstrap4: ?? (should we leave it as is?)
//** Global color for active items (e.g., navs or dropdowns).
- $component-active-color: $text-contrast; // #fff !default;
+ $component-active-color: $text-contrast; // #fff !default; // Migrating_To_Bootstrap4: ?? (should we leave it as is?)
//** Global background color for active items (e.g., navs or dropdowns).
// $component-active-bg: $brand-primary !default;
@@ -157,10 +157,10 @@
//** Default background color used for all tables.
// $table-bg: transparent
//** Background color used for `.table-striped`.
- $table-bg-accent: $gray-striped-table; // #f8f8f8
+ $table-bg-accent: $gray-striped-table; // #f8f8f8 // Migrating_To_Bootstrap4: ?? (use custom variable?)
//** Background color used for `.table-hover`.
- $table-bg-hover: $gray-lighter; // #f5f5f5
- $table-bg-active: $brand-alt; // $table-bg-hover
+ $table-bg-hover: $gray-lighter; // #f5f5f5 // Migrating_To_Bootstrap4: ?? (use custom variable?)
+ $table-bg-active: $brand-alt; // $table-bg-hover // Migrating_To_Bootstrap4: DONE, set to $secondary
//** Border color for table and cell borders.
// $table-border-color: #ddd
@@ -170,46 +170,46 @@
//
//## For each of Bootstrap's buttons, define text, background and border color.
- $btn-font-family: $font-family-condensed;
- $btn-font-weight: 700; // normal
+ $btn-font-family: $font-family-condensed; // Migrating_To_Bootstrap4: DONE, set to custom variable ($font-family-condensed)
+ $btn-font-weight: 700; // normal // Migrating_To_Bootstrap4: DONE, set to $btn-weight-bold (700)
- $btn-default-color: $text-contrast; // #333
- $btn-default-bg: $gray-base; // #fff
- $btn-default-border: $btn-default-bg; // #ccc
+ $btn-default-color: $text-contrast; // #333 // Migrating_To_Bootstrap4: ?? (not present in bs4)
+ $btn-default-bg: $gray-base; // #fff // Migrating_To_Bootstrap4: ?? (not present in bs4)
+ $btn-default-border: $btn-default-bg; // #ccc // Migrating_To_Bootstrap4: ?? (not present in bs4)
- $btn-default-contrast-color: $text-color; // not predefined
- $btn-default-contrast-bg: $body-bg; // not predefined
- $btn-default-contrast-border: $btn-default-contrast-bg; // not predefined
+ $btn-default-contrast-color: $text-color; // not predefined // Migrating_To_Bootstrap4: ?? (not present in bs4)
+ $btn-default-contrast-bg: $body-bg; // not predefined // Migrating_To_Bootstrap4: ?? (not present in bs4)
+ $btn-default-contrast-border: $btn-default-contrast-bg; // not predefined // Migrating_To_Bootstrap4: ?? (not present in bs4)
- $btn-white-color: $text-color; // not predefined
- $btn-white-bg: #fff; // not predefined
- $btn-white-border: $gray-lighter; // not predefined
+ $btn-white-color: $text-color; // not predefined // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-white-bg: #fff; // not predefined // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-white-border: $gray-lighter; // not predefined // Migrating_To_Bootstrap4: ?? (we need custom variant)
- $btn-primary-color: $text-contrast; // #fff
- $btn-primary-bg: $brand-primary; // $brand-primary
- $btn-primary-border: $btn-primary-bg; // darken($btn-primary-bg, 5%)
+ $btn-primary-color: $text-contrast; // #fff // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-primary-bg: $brand-primary; // $brand-primary // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-primary-border: $btn-primary-bg; // darken($btn-primary-bg, 5%) // Migrating_To_Bootstrap4: ?? (we need custom variant)
- $btn-success-color: $text-contrast; // #fff
- $btn-success-bg: $brand-success;// $brand-success
- $btn-success-border: $btn-success-bg; // darken($btn-success-bg, 5%)
+ $btn-success-color: $text-contrast; // #fff // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-success-bg: $brand-success;// $brand-success // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-success-border: $btn-success-bg; // darken($btn-success-bg, 5%) // Migrating_To_Bootstrap4: ?? (we need custom variant)
- $btn-info-color: $text-contrast; // #fff
- $btn-info-bg: $brand-info; // $brand-info
- $btn-info-border: $btn-info-bg; // darken($btn-info-bg, 5%)
+ $btn-info-color: $text-contrast; // #fff // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-info-bg: $brand-info; // $brand-info // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-info-border: $btn-info-bg; // darken($btn-info-bg, 5%) // Migrating_To_Bootstrap4: ?? (we need custom variant)
- $btn-warning-color: $text-contrast; // #fff
- $btn-warning-bg: $brand-warning; // $brand-warning
- $btn-warning-border: $btn-warning-bg; // darken($btn-warning-bg, 5%)
+ $btn-warning-color: $text-contrast; // #fff // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-warning-bg: $brand-warning; // $brand-warning // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-warning-border: $btn-warning-bg; // darken($btn-warning-bg, 5%) // Migrating_To_Bootstrap4: ?? (we need custom variant)
- $btn-danger-color: $text-contrast; // #fff
- $btn-danger-bg: $brand-danger; // $brand-danger
- $btn-danger-border: $btn-danger-bg; // darken($btn-danger-bg, 5%)
+ $btn-danger-color: $text-contrast; // #fff // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-danger-bg: $brand-danger; // $brand-danger // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-danger-border: $btn-danger-bg; // darken($btn-danger-bg, 5%) // Migrating_To_Bootstrap4: ?? (we need custom variant)
- $btn-disabled-bg: $gray-lighter; // not predefined
- $btn-disabled-border: $gray; // not predefined
- $btn-disabled-color: $text-muted; // not predefined
+ $btn-disabled-bg: $gray-lighter; // not predefined // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-disabled-border: $gray; // not predefined // Migrating_To_Bootstrap4: ?? (we need custom variant)
+ $btn-disabled-color: $text-muted; // not predefined // Migrating_To_Bootstrap4: ?? (we need custom variant)
- $btn-link-disabled-color: $text-muted; // $gray-light
+ $btn-link-disabled-color: $text-muted; // $gray-light // Migrating_To_Bootstrap4: ?? (which gray color from bs4 we should use?)
// Allows for customizing button radius independently from global border radius
// $btn-border-radius-base: $border-radius-base
@@ -222,45 +222,45 @@
//##
//** `` background color
- $input-bg: $body-bg; // #fff;
+ $input-bg: $body-bg; // #fff; // Migrating_To_Bootstrap4: DONE, set to $body-bg
//** `` and ` li:not(:last-child) {
+ margin-right: 0;
+ }
+ > li:not(:first-child)::before {
+ content: '\FF5C'; // 1px width full height vertical line
+ opacity: (1/3);
+ }
+}
+
+.text-condensed {
+ font-family: $font-family-condensed !important;
+}
+
+.h2, .h3, .h4, h2, h3, h4 {
+ text-transform: uppercase;
+}
diff --git a/assets/scss/bootstrap-migration/custom/_variables.scss b/assets/scss/bootstrap-migration/custom/_variables.scss
new file mode 100644
index 00000000..1b94df4b
--- /dev/null
+++ b/assets/scss/bootstrap-migration/custom/_variables.scss
@@ -0,0 +1,11 @@
+$font-family-condensed: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+// Bootstrap v5 compatible
+$border-widths: (
+ 0: 0,
+ 1: 1px,
+ 2: 2px,
+ 3: 3px,
+ 4: 4px,
+ 5: 5px
+);
diff --git a/assets/scss/bootstrap-migration/custom/utilities/_border.scss b/assets/scss/bootstrap-migration/custom/utilities/_border.scss
new file mode 100644
index 00000000..0835dd32
--- /dev/null
+++ b/assets/scss/bootstrap-migration/custom/utilities/_border.scss
@@ -0,0 +1,6 @@
+// Bootstrap v5 compatible
+@each $size, $width in $border-widths {
+ .border-#{$size} {
+ border-width: $width !important;
+ }
+}
diff --git a/assets/scss/bootstrap-migration/main.scss b/assets/scss/bootstrap-migration/main.scss
new file mode 100644
index 00000000..759d6086
--- /dev/null
+++ b/assets/scss/bootstrap-migration/main.scss
@@ -0,0 +1,6 @@
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "variables";
+@import "maps";
+@import "bootstrap/scss/bootstrap";
+@import "custom";
diff --git a/assets/scss/custom/_toc.scss b/assets/scss/custom/_toc.scss
deleted file mode 100644
index 4b912dde..00000000
--- a/assets/scss/custom/_toc.scss
+++ /dev/null
@@ -1,72 +0,0 @@
-// from official docs: https://afeld.github.io/bootstrap-toc/
-nav[data-toggle='toc'] {
- margin-top: $line-height-computed;
-
- &.affix {
- top: 0;
- }
-
- .nav .nav {
- padding-bottom: 0;
- }
-}
-
-/* small screens */
-@media (max-width: $screen-sm-max) {
- nav[data-toggle='toc'] {
- /* override the Affix plugin so that the navigation isn't sticky */
- &.affix {
- position: static;
- }
-
- /* PICK ONE */
- /* don't expand nested items, which pushes down the rest of the page when navigating */
- /*.nav .active .nav {
- display: none;
- }*/
- /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */
- .nav .nav {
- display: block;
- }
- }
-}
-
-// for PR: https://github.com/afeld/bootstrap-toc/pull/37
-nav[data-toggle='toc'] .nav .nav {
- li > a {
- padding-top: 1px;
- padding-bottom: 1px;
- font-size: 12px;
- font-weight: normal;
- }
-
- .active > a,
- .active:hover > a,
- .active:focus > a {
- font-weight: 500;
- }
-}
-
-$navs: ();
-// h2..h6
-@for $i from 0 through 5 {
- $padding-left: 7px * $i;
- nav[data-toggle='toc'] .nav #{$navs} {
- > li > a {
- padding-left: 15px + $padding-left;
- }
-
- > li > a:hover,
- > li > a:focus {
- padding-left: 14px + $padding-left;
- }
-
- > .active > a,
- > .active:hover > a,
- > .active:focus > a {
- padding-left: 13px + $padding-left;
- }
- }
-
- $navs: append($navs, " .nav");
-}
diff --git a/assets/scss/mixins/custom/_buttons.scss b/assets/scss/mixins/custom/_buttons.scss
index 0d6d78e5..44f88fd1 100644
--- a/assets/scss/mixins/custom/_buttons.scss
+++ b/assets/scss/mixins/custom/_buttons.scss
@@ -1,4 +1,4 @@
-@mixin button-variant-disabled {
+@mixin button-variant-disabled {
&.disabled,
&[disabled],
fieldset[disabled] & {
@@ -18,29 +18,29 @@
&:focus,
&.focus {
color: $color;
- background-color: call($colorizer, $background, 10% * $colorizer-multiplier);
- border-color: call($colorizer, $border, 25%);
+ background-color: call(get-function($colorizer), $background, 10% * $colorizer-multiplier);
+ border-color: call(get-function($colorizer), $border, 25%);
}
&:hover {
color: $color;
- background-color: call($colorizer, $background, 10% * $colorizer-multiplier);
- border-color: call($colorizer, $border, 12.5% * $colorizer-multiplier);
+ background-color: call(get-function($colorizer), $background, 10% * $colorizer-multiplier);
+ border-color: call(get-function($colorizer), $border, 12.5% * $colorizer-multiplier);
}
&:active,
&.active,
.open > &.dropdown-toggle {
color: $color;
- background-color: call($colorizer, $background, 10% * $colorizer-multiplier);
- border-color: call($colorizer, $border, 12.5% * $colorizer-multiplier);
+ background-color: call(get-function($colorizer), $background, 10% * $colorizer-multiplier);
+ border-color: call(get-function($colorizer), $border, 12.5% * $colorizer-multiplier);
&:hover,
&:focus,
&.focus {
color: $color;
- background-color: call($colorizer, $background, 17.5% * $colorizer-multiplier);
- border-color: call($colorizer, $border, 25% * $colorizer-multiplier);
+ background-color: call(get-function($colorizer), $background, 17.5% * $colorizer-multiplier);
+ border-color: call(get-function($colorizer), $border, 25% * $colorizer-multiplier);
}
}
diff --git a/bower.json b/bower.json
index f434b962..ac7b5c3f 100644
--- a/bower.json
+++ b/bower.json
@@ -27,7 +27,6 @@
"angular-ui-router": "^1.0.28",
"bootstrap-sass": "^3.3.7",
"bootstrap-social": "^5.1.1",
- "bootstrap-toc": "^0.4.1",
"es5-shim": "*",
"es6-shim": "*",
"font-awesome": "^4.7.0",
diff --git a/bundleconfig.json b/bundleconfig.json
index 73be74b7..a5c26c13 100644
--- a/bundleconfig.json
+++ b/bundleconfig.json
@@ -20,7 +20,6 @@
"bower_components/angular-wizard/dist/angular-wizard.js",
"bower_components/bootstrap-sass/assets/javascripts/bootstrap/affix.js",
"bower_components/bootstrap-sass/assets/javascripts/bootstrap/scrollspy.js",
- "bower_components/bootstrap-toc/dist/bootstrap-toc.js",
"bower_components/prism/prism.js",
"bower_components/prism/plugins/normalize-whitespace/prism-normalize-whitespace.js",
"bower_components/angular-ui-router/release/angular-ui-router.js",
@@ -57,7 +56,6 @@
"inputFiles": [
"bower_components/font-awesome/css/font-awesome.css",
"bower_components/angular-wizard/dist/angular-wizard.css",
- "bower_components/bootstrap-toc/dist/bootstrap-toc.css",
"bower_components/prism/themes/prism.css",
"bower_components/owl.carousel/dist/assets/owl.carousel.css"
]
@@ -68,6 +66,12 @@
"assets/scss/main.scss"
]
},
+ {
+ "outputFileName": "assets/static/bundle/bootstrap-migration.scss.css",
+ "inputFiles": [
+ "assets/scss/bootstrap-migration/main.scss"
+ ]
+ },
{
"outputFileName": "assets/static/bundle/checkout-scripts.js",
"inputFiles": [
diff --git a/config/blocks_schema.json b/config/blocks_schema.json
index 9cc90d5a..1cb8d5e2 100644
--- a/config/blocks_schema.json
+++ b/config/blocks_schema.json
@@ -50,9 +50,10 @@
},
{
"id": "headerType",
- "label": "Header type",
- "default": "like-h2",
+ "label": "Title SEO tag",
+ "default": "like-h1",
"tab": "Settings",
+ "sort": 230,
"type": "select",
"options": [
{
@@ -80,99 +81,6 @@
"label": "Like H3"
}
]
- },
- {
- "id": "titleAlignment",
- "label": "Align title",
- "default": null,
- "tab": "Settings",
- "type": "select",
- "options": [
- {
- "value": "text-center",
- "label": "Center"
- },
- {
- "value": null,
- "label": "Left"
- }
- ]
- },
- {
- "id": "titleStyle",
- "label": "Title style",
- "type": "select",
- "default": null,
- "options": [
- {
- "value": null,
- "label": "Default"
- },
- {
- "value": "text-primary",
- "label": "Primary"
- },
- {
- "value": "text-secondary",
- "label": "Secondary"
- },
- {
- "value": "text-success",
- "label": "Success"
- },
- {
- "value": "text-danger",
- "label": "Danger"
- },
- {
- "value": "text-warning",
- "label": "Warning"
- },
- {
- "value": "text-info",
- "label": "Info"
- },
- {
- "value": "text-muted",
- "label": "Muted"
- },
- {
- "value": "text-black-50",
- "label": "Black 50%"
- }
- ],
- "tab": "Settings"
- },
- {
- "id": "style",
- "label": "Block style",
- "type": "select",
- "default": "light",
- "options": [
- {
- "value": null,
- "label": "Light"
- },
- {
- "value": "bg-gray-darker",
- "label": "Dark"
- }
- ],
- "tab": "Settings"
- },
- {
- "id": "noTop",
- "label": "Remove top margin",
- "type": "checkbox",
- "tab": "Settings",
- "default": false
- },
- {
- "id": "noBottom",
- "label": "Remove bottom margin",
- "type": "checkbox",
- "tab": "Settings",
- "default": false
}
],
"namedSettings": {
@@ -181,19 +89,22 @@
"id": "title",
"label": "Title",
"type": "string",
+ "sort": 10,
"default": "Bring your ideas to life"
},
{
"id": "subtitle",
"label": "Subtitle",
"type": "text",
- "default": "Anything you've even dreamed about is possible to realise just at the moment when you decided to win."
+ "sort": 20,
+ "default": "Anything you dream about is possible to realise just at the moment when you decide to win"
},
{
"id": "backgroundColor",
"label": "Background color",
"type": "color",
- "default": "",
+ "default": null,
+ "sort": 270,
"tab": "Settings",
"group": "Background"
},
@@ -201,7 +112,8 @@
"id": "titleColor",
"label": "Title color",
"type": "color",
- "default": "",
+ "default": "#000000",
+ "sort": 240,
"tab": "Settings",
"group": "Background"
},
@@ -209,13 +121,15 @@
"id": "subtitleColor",
"label": "Subtitle color",
"type": "color",
- "default": "",
+ "default": "#737373",
"tab": "Settings",
+ "sort": 250,
"group": "Background"
},
{
"id": "overlayColor",
- "label": "Overlay color",
+ "label": "Background overlay color",
+ "sort": 280,
"type": "color",
"default": "",
"tab": "Settings",
@@ -223,84 +137,87 @@
},
{
"id": "background",
- "label": "Background",
+ "label": "Background image",
"type": "image",
+ "sort": 50,
+ "default": null,
"group": "Background"
},
{
"id": "textColumnWidth",
- "label": "Text column width",
+ "label": "Text container width",
"type": "select",
"tab": "Settings",
+ "sort": 210,
"options": [
{
- "label": "6 cols",
- "value": "col-md-6"
+ "label": "3 cols",
+ "value": "col-md-3"
+ },
+ {
+ "label": "4 cols",
+ "value": "col-md-4"
},
{
"label": "5 cols",
"value": "col-md-5"
},
{
- "label": "4 cols",
- "value": "col-md-4"
+ "label": "6 cols",
+ "value": "col-md-6"
},
{
- "label": "3 cols",
- "value": "col-md-3"
+ "label": "7 cols",
+ "value": "col-md-7"
},
{
- "label": "2 cols",
- "value": "col-md-2"
+ "label": "8 cols",
+ "value": "col-md-8"
+ },
+ {
+ "label": "Fluid",
+ "value": "col"
}
],
- "default": "col-md-4"
+ "default": "col"
},
{
"id": "secondColumnWidth",
- "label": "Second column width",
+ "label": "Sides image width",
"tab": "Settings",
"type": "select",
+ "sort": 220,
"options": [
{
- "label": "6 cols",
- "value": "col-md-6"
+ "label": "3 cols",
+ "value": "col-md-3"
+ },
+ {
+ "label": "4 cols",
+ "value": "col-md-4"
},
{
"label": "5 cols",
"value": "col-md-5"
},
{
- "label": "4 cols",
- "value": "col-md-4"
+ "label": "6 cols",
+ "value": "col-md-6"
},
{
- "label": "3 cols",
- "value": "col-md-3"
+ "label": "7 cols",
+ "value": "col-md-7"
},
{
- "label": "2 cols",
- "value": "col-md-2"
- }
- ],
- "default": "col-md-4"
- },
- {
- "id": "columnsPosition",
- "label": "Columns position",
- "tab": "Settings",
- "type": "select",
- "options": [
- {
- "label": "Center",
- "value": "justify-content-center"
+ "label": "8 cols",
+ "value": "col-md-8"
},
{
- "label": "Justify",
- "value": "justify-content-between"
+ "label": "Fluid",
+ "value": "col"
}
],
- "default": "justify-content-center"
+ "default": "col-md-6"
}
],
"buttons": [
@@ -352,7 +269,7 @@
],
"default": {
"url": "",
- "urlText": "Call to action",
+ "urlText": "",
"style": "btn-primary"
},
"group": "Buttons"
@@ -416,13 +333,14 @@
"id": "note",
"label": "Note",
"type": "string",
- "default": "Our company"
+ "sort": 30
},
{
"id": "noteColor",
"label": "Note color",
"type": "color",
"default": "",
+ "sort": 260,
"tab": "Settings",
"group": "Background"
}
@@ -434,7 +352,8 @@
"type": "string",
"default": "formId",
"tab": "Settings",
- "group": "Form"
+ "group": "Form",
+ "sort": 300
},
{
"id": "formName",
@@ -442,61 +361,17 @@
"type": "string",
"default": "formName",
"tab": "Settings",
- "group": "Form"
+ "group": "Form",
+ "sort": 310
},
{
"id": "formSubmitRedirectUrl",
- "label": "Submit redirect URL",
+ "label": "Form success URL",
+ "sort": 320,
"type": "string",
"tab": "Settings",
"group": "Form"
},
- {
- "id": "formSubmitButtonStyle",
- "label": "Submit button style",
- "type": "select",
- "default": "btn-primary",
- "options": [
- {
- "value": "btn-primary",
- "label": "Primary button"
- },
- {
- "value": "btn-secondary",
- "label": "Secondary button"
- },
- {
- "value": "btn-success",
- "label": "Success button"
- },
- {
- "value": "btn-danger",
- "label": "Danger button"
- },
- {
- "value": "btn-warning",
- "label": "Warning button"
- },
- {
- "value": "btn-info",
- "label": "Info button"
- },
- {
- "value": "btn-light",
- "label": "Light button"
- },
- {
- "value": "btn-dark",
- "label": "Dark button"
- },
- {
- "value": "btn-link",
- "label": "Link button"
- }
- ],
- "tab": "Settings",
- "group": "Form"
- },
{
"id": "formFields",
"label": "Fields list",
@@ -504,6 +379,7 @@
"addText": "Add a field",
"removeText": "Remove a field",
"displayField": "labelText",
+ "sort": 60,
"element": [
{
"id": "fieldType",
@@ -678,7 +554,7 @@
"fieldType": "text",
"required": true,
"labelText": "Full name",
- "placeholder": "Enter your name"
+ "placeholder": "Enter your full name"
},
{
"fieldName": "email",
@@ -688,89 +564,972 @@
"labelText": "Email",
"placeholder": "Enter your email"
},
+ {
+ "fieldName": "fullname",
+ "fieldId": "fullname",
+ "fieldType": "checkbox",
+ "required": true,
+ "labelText": "By clicking \"Submit\" I understand that I consent to opt-in to the Terms and Policy"
+ },
{
"fieldType": "button",
- "labelText": "Action button"
+ "labelText": "Submit"
}
],
"group": "Form"
},
{
"id": "showFormLabels",
- "label": "Show form labels",
+ "label": "Show labels",
"type": "checkbox",
- "default": true,
+ "sort": 70,
+ "hint": "change logic when checked - hide, when unchecked - show",
+ "default": false,
"group": "Form"
}
],
"text-width": [
{
"id": "textAreaWidth",
- "label": "Text area width",
+ "label": "Text container width",
"type": "select",
- "default": "col-lg",
+ "default": "col-md-8",
"options": [
{
- "value": "col-lg",
- "label": "Full width"
+ "label": "4 cols",
+ "value": "col-md-4"
+ },
+ {
+ "label": "5 cols",
+ "value": "col-md-5"
+ },
+ {
+ "label": "6 cols",
+ "value": "col-md-6"
+ },
+ {
+ "label": "7 cols",
+ "value": "col-md-7"
},
{
- "value": "col-lg-10",
- "label": "10 cols"
+ "label": "8 cols",
+ "value": "col-md-8"
},
{
- "value": "col-lg-8",
- "label": "8 cols"
+ "label": "9 cols",
+ "value": "col-md-9"
},
{
- "value": "col-lg-6",
- "label": "6 cols"
+ "label": "10 cols",
+ "value": "col-md-10"
},
{
- "value": "col-lg-4",
- "label": "4 cols"
+ "label": "11 cols",
+ "value": "col-md-11"
},
{
- "value": "col-lg-3",
- "label": "3 cols"
+ "label": "12 cols",
+ "value": "col-md-12"
}
],
"tab": "Settings",
+ "sort": 215,
"group": "Main block settings"
}
],
"utm-marks": [
{
"id": "utmString",
- "label": "UTM expression",
+ "label": "URL parameter",
"type": "string",
"default": null,
"tab": "Settings",
- "sort": 35
+ "sort": 300
},
{
"id": "utmNegotiate",
- "label": "Negotiate UTM",
+ "label": "Hide on match",
"type": "checkbox",
"default": false,
"tab": "Settings",
- "sort": 36
+ "info": "When checked then block will be hidden when URL param matches, when unchecked block will be show only when URL param",
+ "sort": 310
+ }
+ ],
+ "margins": [
+ {
+ "id": "noTop",
+ "label": "Remove top margin",
+ "type": "checkbox",
+ "tab": "Settings",
+ "sort": 235,
+ "default": false
+ },
+ {
+ "id": "noBottom",
+ "label": "Remove bottom margin",
+ "type": "checkbox",
+ "tab": "Settings",
+ "sort": 236,
+ "default": false
+ }
+ ],
+ "colors": [
+ {
+ "id": "backgroundColor",
+ "label": "Background color",
+ "type": "color",
+ "default": null,
+ "sort": 270,
+ "tab": "Settings",
+ "group": "Background"
+ },
+ {
+ "id": "titleColor",
+ "label": "Title color",
+ "type": "color",
+ "default": "#000000",
+ "sort": 240,
+ "tab": "Settings",
+ "group": "Background"
+ },
+ {
+ "id": "contentColor",
+ "label": "Content color",
+ "type": "color",
+ "default": "#767676",
+ "sort": 245,
+ "tab": "Settings",
+ "group": "Background"
}
]
}
},
- "text": {
- "name": "Simple text",
+ "cover-with-image": {
+ "name": "Cover with image",
+ "icon": "image-text",
+ "displayField": "name",
+ "category": "Covers and Hero",
+ "includeShared": [ "cover-items", "notes", "buttons" ],
+ "excludeShared": [],
+ "default": {
+ "background": {
+ "url": "/themes/assets/blocks/cover-with-image-background.jpg"
+ },
+ "firstButton": {
+ "url": "",
+ "urlText": "Learn more",
+ "style": "btn-dark"
+ },
+ "name": "Cover with image"
+ },
+ "settings": [
+ {
+ "id": "containerImage",
+ "label": "Side image",
+ "type": "image",
+ "sort": 40,
+ "default": {
+ "url": "/themes/assets/blocks/portfolio-woocommerce.png"
+ },
+ "group": "Container media"
+ },
+ {
+ "id": "imagePosition",
+ "label": "Side image position",
+ "type": "select",
+ "tab": "Settings",
+ "default": "right",
+ "sort": 200,
+ "options": [
+ {
+ "value": null,
+ "label": "Left"
+ },
+ {
+ "value": "right",
+ "label": "Right"
+ }
+ ]
+ }
+ ]
+ },
+ "cover-with-form": {
+ "name": "Cover with form",
+ "icon": "image-text",
+ "displayField": "name",
+ "category": "Covers and Hero",
+ "includeShared": [ "cover-items", "notes", "form" ],
+ "excludeShared": [],
+ "default": {
+ "title": "Meet the expert, explore the tool and get a free consultation",
+ "subtitle": "Sign up for the webinar and get a free expert consultation for your business.
",
+ "background": {
+ "url": "/themes/assets/blocks/coveer-with-form-background.png"
+ },
+ "titleColor": "#000000",
+ "subtitleColor": "#737373",
+ "overlayColor": "null",
+ "formId": " ",
+ "formName": " ",
+ "name": "Cover with form"
+ },
+ "settings": [
+ {
+ "id": "centerText",
+ "label": "Align vertically in the middle",
+ "type": "checkbox",
+ "sort": 175,
+ "default": true,
+ "tab": "Settings"
+ },
+ {
+ "id": "secondColumnWidth",
+ "label": "Form width",
+ "default": "col-md-6"
+ },
+ {
+ "id": "formPosition",
+ "label": "Form position",
+ "default": "null",
+ "type": "select",
+ "sort": 170,
+ "tab": "Settings",
+ "options": [
+ {
+ "value": null,
+ "label": "Left"
+ },
+ {
+ "value": "right",
+ "label": "Right"
+ }
+ ]
+ }
+ ]
+ },
+ "cover-with-simple-text": {
+ "name": "Cover with Simple Text",
"icon": "text",
"displayField": "name",
- "category": "Paragraphs and Links",
+ "category": "Covers and Hero",
+ "includeShared": [ "notes", "cover-items", "buttons" ],
+ "excludeShared": [ "secondColumnWidth" ],
+ "default": {
+ "title": "Probably the best digital agency for SMBs in the market",
+ "subtitle": "Create a targeted live campaign. Scale your infrastructure with our simple service.
",
+ "background": {
+ "url": "/themes/assets/blocks/coveer-with-form-background.png"
+ },
+ "firstButton": {
+ "url": "",
+ "urlText": "Learn why",
+ "style": "btn-warning"
+ },
+ "titleColor": "#ffffff",
+ "subtitleColor": "#c4c4c4",
+ "overlayColor": "rgba(0,0,0,0.6)",
+ "name": "Cover with simple text"
+ },
"settings": [
{
- "id": "title",
- "label": "Title",
- "type": "string",
- "default": "Block title",
- "autofocus": true
+ "id": "textColumnWidth",
+ "options": [
+ {
+ "label": "4 cols",
+ "value": "col-md-4"
+ },
+ {
+ "label": "5 cols",
+ "value": "col-md-5"
+ },
+ {
+ "label": "6 cols",
+ "value": "col-md-6"
+ },
+ {
+ "label": "7 cols",
+ "value": "col-md-7"
+ },
+ {
+ "label": "8 cols",
+ "value": "col-md-8"
+ },
+ {
+ "label": "9 cols",
+ "value": "col-md-9"
+ },
+ {
+ "label": "10 cols",
+ "value": "col-md-10"
+ },
+ {
+ "label": "11 cols",
+ "value": "col-md-11"
+ },
+ {
+ "label": "12 cols",
+ "value": "col-md-12"
+ }
+ ],
+ "default": "col-md-8"
+ }
+ ]
+ },
+ "headline": {
+ "name": "Headline",
+ "icon": "text",
+ "displayField": "name",
+ "category": "Headlines and Forms",
+ "includeShared": [ "notes", "cover-items", "buttons", "margins", "text-width" ],
+ "excludeShared": [ "textColumnWidth", "secondColumnWidth" ],
+ "default": {
+ "title": "How to write headlines that actually work?",
+ "subtitle": "A headline's purpose is to quickly and briefly draw attention to the story. It is generally written by a copy editor, but may also be written by the writer, the page layout designer, or other editors.
",
+ "note": "HOW-TOs",
+ "titleColor": "#000000",
+ "subtitleColor": "#737373",
+ "noteColor": "#6c757d",
+ "name": "Headline"
+ },
+ "settings": []
+ },
+ "headline-with-form": {
+ "name": "Headline with form",
+ "icon": "text",
+ "displayField": "name",
+ "category": "Headlines and Forms",
+ "includeShared": [ "notes", "cover-items", "margins", "form", "text-width" ],
+ "excludeShared": [ "textColumnWidth", "secondColumnWidth" ],
+ "default": {
+ "title": "Subscribe to our promotions",
+ "subtitle": "And be among the first to hear about upcoming events.
",
+ "titleColor": "#000000",
+ "subtitleColor": "#767676",
+ "noteColor": "#6c757d",
+ "backgroundColor": "#efefef",
+ "background": null,
+ "formId": " ",
+ "formName": " ",
+ "formFields" : [
+ {
+ "fieldType": "email",
+ "required": true,
+ "labelText": "Email",
+ "placeholder": "Enter your email"
+ },
+ {
+ "fieldType": "checkbox",
+ "required": true,
+ "labelText": "By clicking \"Submit\" I understand that I consent to opt-in to the Terms and Policy"
+ },
+ {
+ "fieldType": "button",
+ "labelText": "Submit"
+ }
+ ],
+ "showFormLabels": true,
+ "name": "Headline with form"
+ },
+ "settings": [
+ {
+ "id": "formWidth",
+ "label": "Form width",
+ "type": "select",
+ "sort": 236,
+ "default": "col-md-4",
+ "options": [
+ {
+ "value": "col-md-3",
+ "label": "3 cols"
+ },
+ {
+ "value": "col-md-4",
+ "label": "4 cols"
+ },
+ {
+ "value": "col-md-5",
+ "label": "5 cols"
+ },
+ {
+ "value": "col-md-6",
+ "label": "6 cols"
+ }
+ ],
+ "tab": "Settings",
+ "group": "Main block settings"
+ }
+ ]
+ },
+ "text": {
+ "name": "Paragraph with title",
+ "icon": "text",
+ "displayField": "name",
+ "category": "Paragraphs and Links",
+ "includeShared": [ "text-width", "margins", "colors" ],
+ "excludeShared": [],
+ "default": {
+ "textAreaWidth": "col-md-12",
+ "name": "Paragraph with title"
+ },
+ "settings": [
+ {
+ "id": "title",
+ "label": "Title",
+ "type": "string",
+ "default": "Readability is primarily the concern of designer",
+ "autofocus": true
+ },
+ {
+ "id": "content",
+ "label": "Content",
+ "type": "text",
+ "default": "In quo enim maxime consuevit iactare vestra se repellere, idque instituit docere sic: omne animal, simul atque insitam in liberos atque haec ratio late patet in quo quaerimus, non ero tibique, si ob rem aperiam eaque ipsa, quae sunt in gravissimo bello animadversionis metu contineret.
Certe, inquam, pertinax non intellegamus, tu tam inportuno tamque crudeli; sin, ut dolore disputandum putant sed ut labore et argumentandum et dolorum fuga et aut quid est et expedita distinctio nam libero tempore, cum a natura incorrupte atque natum sit, voluptatem sequi nesciunt, neque porro.
Quae fuerit causa, nollem me ab eo ortum, tam crudelis fuisse, nihil ut alterum aspernandum sentiamus alii autem, quibus ego cum a philosophis compluribus permulta dicantur, cur verear, ne ferae quidem faciunt, ut earum rerum hic tenetur a philosophis compluribus permulta dicantur, cur verear, ne.
"
+ }
+ ]
+ },
+ "logotypes": {
+ "name": "Logotypes",
+ "icon": "image-text",
+ "displayField": "name",
+ "category": "Media and Logotypes",
+ "includeShared": [ "text-width", "margins", "colors" ],
+ "excludeShared": [],
+ "default": {
+ "titleColor": "#000000",
+ "contentColor": "#767676",
+ "textAreaWidth": "col-md-12",
+ "name": "Logotypes"
+ },
+ "settings": [
+ {
+ "id": "title",
+ "label": "Title",
+ "type": "string",
+ "sort": 10,
+ "default": "Our partners"
+ },
+ {
+ "id": "subtitle",
+ "label": "Subtitle",
+ "type": "text",
+ "sort": 20,
+ "default": "If you are interested in becoming a partner, please feel free to write us.
"
+ },
+ {
+ "id": "logotypes",
+ "label": "Logotypes",
+ "type": "list",
+ "addText": "Add logotype",
+ "removeText": "Remove logotype",
+ "displayField": "image.url",
+ "sort": 30,
+ "element": [
+ {
+ "id": "image",
+ "type": "image",
+ "label": "Image",
+ "group": "Image"
+ },
+ {
+ "id": "url",
+ "type": "string",
+ "label": "URL"
+ },
+ {
+ "id": "openInNewTab",
+ "type": "checkbox",
+ "label": "Open in new tab"
+ }
+ ],
+ "default": [
+ {
+ "image": {
+ "url": "/themes/assets/blocks/logo-1.png"
+ },
+ "url": "",
+ "openInNewTab": false
+ },
+ {
+ "image": {
+ "url": "/themes/assets/blocks/logo-2.png"
+ },
+ "url": "",
+ "openInNewTab": false
+ },
+ {
+ "image": {
+ "url": "/themes/assets/blocks/logo-3.png"
+ },
+ "url": "",
+ "openInNewTab": false
+ },
+ {
+ "image": {
+ "url": "/themes/assets/blocks/logo-4.png"
+ },
+ "url": "",
+ "openInNewTab": false
+ }
+ ]
+ }
+ ]
+ },
+ "features-with-icons": {
+ "name": "Features with icons",
+ "icon": "image-text",
+ "displayField": "title",
+ "category": "Features and Cards",
+ "includeShared": [ "text-width", "colors", "margins" ],
+ "default": {
+ "backgroundColor": "#efefef",
+ "name": "Features with icons"
+ },
+ "settings": [
+ {
+ "id": "title",
+ "label": "Title",
+ "type": "string",
+ "sort": 10,
+ "default": "Explore the features"
+ },
+ {
+ "id": "content",
+ "label": "Subtitle",
+ "type": "text",
+ "sort": 20,
+ "default": "With a crystal-clear camera, real-time HD video display, and intuitive flight controls, what will you create?
"
+ },
+ {
+ "id": "columns",
+ "label": "Items",
+ "type": "list",
+ "addText": "Add column",
+ "removeText": "Remove column",
+ "displayField": "title",
+ "element": [
+ {
+ "id": "title",
+ "type": "string",
+ "label": "Title"
+ },
+ {
+ "id": "image",
+ "type": "image",
+ "label": "Image",
+ "group": "Image"
+ },
+ {
+ "id": "content",
+ "label": "Content",
+ "type": "text"
+ },
+ {
+ "id": "button",
+ "label": "Button",
+ "type": "url",
+ "urlLabel": "Url",
+ "textLabel": "Button text",
+ "styleLabel": "Link style",
+ "styles": [
+ {
+ "value": "btn-primary",
+ "label": "Primary button"
+ },
+ {
+ "value": "btn-secondary",
+ "label": "Secondary button"
+ },
+ {
+ "value": "btn-success",
+ "label": "Success button"
+ },
+ {
+ "value": "btn-danger",
+ "label": "Danger button"
+ },
+ {
+ "value": "btn-warning",
+ "label": "Warning button"
+ },
+ {
+ "value": "btn-info",
+ "label": "Info button"
+ },
+ {
+ "value": "btn-light",
+ "label": "Light button"
+ },
+ {
+ "value": "btn-dark",
+ "label": "Dark button"
+ },
+ {
+ "value": "btn-link",
+ "label": "Link button"
+ }
+ ]
+ }
+ ],
+ "default": [
+ {
+ "title": "Epic Aerial Video",
+ "content": "With the Phantom 3 Professional, you're shooting 4K video at up to 30 frames per second and capturing 12 megapixel photos."
+ },
+ {
+ "title": "Live HD View",
+ "content": "Simply connect your phone or tablet, and a 720p HD view of everything your camera sees as you fly is displayed live."
+ },
+ {
+ "title": "Complete Control",
+ "content": "Keep your Phantom 3 fully under your command while accessing the most-used features right on the included remote controller."
+ }
+ ]
+ },
+ {
+ "id": "textAreaWidth",
+ "default": "col-md-12"
+ },
+ {
+ "id": "columnsCount",
+ "label": "Columns in row",
+ "type": "select",
+ "default": "4",
+ "sort": 216,
+ "options": [
+ {
+ "value": "12",
+ "label": "1"
+ },
+ {
+ "value": "6",
+ "label": "2"
+ },
+ {
+ "value": "4",
+ "label": "3"
+ },
+ {
+ "value": "3",
+ "label": "4"
+ }
+ ],
+ "tab": "Settings",
+ "group": "Main block settings"
+ },
+ {
+ "id": "iconsType",
+ "label": "Icons type",
+ "type": "select",
+ "sort": 217,
+ "default": "numbers",
+ "options": [
+ {
+ "value": "none",
+ "label": "None"
+ },
+ {
+ "value": "numbers",
+ "label": "Numbers"
+ },
+ {
+ "value": "letters",
+ "label": "Letters"
+ },
+ {
+ "value": "customIcon",
+ "label": "Custom icon"
+ },
+ {
+ "value": "images",
+ "label": "Image"
+ }
+ ],
+ "tab": "Settings",
+ "group": "Items"
+ }
+ ]
+ },
+ "call-to-action": {
+ "name": "Call to action",
+ "icon": "image-text",
+ "displayField": "title",
+ "category": "Promotions and CTAs",
+ "includeShared": [ "buttons", "colors" ],
+ "excludeShared": [ "contentColor" ],
+ "default": {
+ "headerType": "like-h1",
+ "titleColor": "#ffffff",
+ "backgroundColor": "#000000",
+ "name": "Call to action"
+ },
+ "settings": [
+ {
+ "id": "title",
+ "label": "Title",
+ "type": "string",
+ "sort": 10,
+ "default": "Book a free e-commerce consulting"
+ },
+ {
+ "id": "firstButton",
+ "label": "First button",
+ "default": {
+ "url": "",
+ "urlText": "Get my seat reserved",
+ "style": "btn-warning"
+ }
+ },
+ {
+ "id": "titleAlignment",
+ "label": "Block style",
+ "type": "select",
+ "default": "justify-content-between",
+ "sort": 235,
+ "tab": "Settings",
+ "options": [
+ {
+ "value": "justify-content-center",
+ "label": "Center"
+ },
+ {
+ "value": "justify-content-between",
+ "label": "Justifyed"
+ }
+ ]
+ }
+ ]
+ },
+ "buy-now": {
+ "name": "Product promotion",
+ "icon": "text",
+ "displayField": "name",
+ "category": "Queries and Others",
+ "includeShared": [ "utm-marks", "margins", "colors" ],
+ "excludeShared": [],
+ "default": {
+ "headerType": "like-h1",
+ "titleColor": "#000000",
+ "contentColor": "#767676",
+ "backgroundColor": "#efefef",
+ "name": "Product promotion"
+ },
+ "settings": [
+ {
+ "id": "product",
+ "label": "SKU",
+ "sort": 1,
+ "type": "search",
+ "nodataText": "Search by SKU to retrieve product data here",
+ "default": {
+ "id": "9cbd8f316e254a679ba34a900fccb076",
+ "name": "3DR Solo Quadcopter (No Gimbal)",
+ "imgSrc": "/themes/assets/blocks/1428965138000_1133723.jpg",
+ "description": "- Capture Aerial Photos/Video with a GoPro
- Linear Tracking with Cablecam Mode
- Follow Me: Tracks Your Mobile Device
- HDMI Output on Transmitter
- Android and iOS Mobile Apps
- Video Game-Style Controls
- Return Home and "Safety Net" Modes
- One-Button Flying / "Pause" Button
- Operate GoPro Through App
- Works with Optional Solo Gimbal
+ © {{ 'now' | date: "yyyy" }} {{ settings.copyright }}
+ {{ powered_by shop.name }}
+
diff --git a/snippets/bootstrap-migration/main/footer/links.liquid b/snippets/bootstrap-migration/main/footer/links.liquid
new file mode 100644
index 00000000..f212ce92
--- /dev/null
+++ b/snippets/bootstrap-migration/main/footer/links.liquid
@@ -0,0 +1,43 @@
+
+
diff --git a/snippets/bootstrap-migration/main/header.liquid b/snippets/bootstrap-migration/main/header.liquid
new file mode 100644
index 00000000..a57c9fb0
--- /dev/null
+++ b/snippets/bootstrap-migration/main/header.liquid
@@ -0,0 +1,6 @@
+
+
+
+
+
+ {{ 'layout.footer.company_information' | t }}
+-
+
- About Us +
- Investor Relations +
- Supplier Overview +
- Worlwide +
+
+ {{ 'layout.footer.customer_support' | t }}
+-
+
- Catalog Request +
- Contact Us +
- Feedback +
- Find A Branch +
+
+
+ {{ 'layout.footer.order_support' | t }}
+-
+
- Orders +
- Pick-Up +
- Auto-Reorder +
- Returns & Cancellations +
+
+ {{ 'layout.footer.resources' | t }}
+-
+
- Catalog +
- Hot Buys +
- Rebates +
- Replacement Parts +
- Today's features +
+ {% else %}
+ {{ shop.name }}
+ {{ shop.name }}
+ {% endif %}
+
diff --git a/snippets/bootstrap-migration/main/header/nav-mobile.liquid b/snippets/bootstrap-migration/main/header/nav-mobile.liquid
new file mode 100644
index 00000000..1bb67683
--- /dev/null
+++ b/snippets/bootstrap-migration/main/header/nav-mobile.liquid
@@ -0,0 +1,31 @@
+
+
diff --git a/snippets/bootstrap-migration/main/header/nav.liquid b/snippets/bootstrap-migration/main/header/nav.liquid
new file mode 100644
index 00000000..794ad268
--- /dev/null
+++ b/snippets/bootstrap-migration/main/header/nav.liquid
@@ -0,0 +1,17 @@
+
diff --git a/snippets/bootstrap-migration/main/header/nav/bulk-order-form.liquid b/snippets/bootstrap-migration/main/header/nav/bulk-order-form.liquid
new file mode 100644
index 00000000..f011b258
--- /dev/null
+++ b/snippets/bootstrap-migration/main/header/nav/bulk-order-form.liquid
@@ -0,0 +1,8 @@
+-
+
+
- 
-
+ {% assign showTitle = block.showFormLabels == 'True' and item.fieldType != 'checkbox' and item.fieldType != 'radio' and item.fieldType != 'button' %}
+ {% if showTitle %}
+
+ {% endif %}
+
+ {% if item.fieldType != '' %}
+ {% assign viewName = 'blocks/form/form-input-' | append item.fieldType %}
+ {% if item.fieldType == 'text' or item.fieldType == 'phone' or item.fieldType == 'email' %}
+ {% assign viewName = 'blocks/form/form-input-text' %}
+ {% endif %}
+ {% include viewName inputItem: item %}
+ {% include 'blocks/form/form-validation-message' inputItem: item %}
+ {% endif %}
+
+
+{% endif %}
diff --git a/templates/blocks/form/form-input-button.liquid b/templates/blocks/form/form-input-button.liquid
new file mode 100644
index 00000000..bd5fb1ea
--- /dev/null
+++ b/templates/blocks/form/form-input-button.liquid
@@ -0,0 +1 @@
+
diff --git a/templates/blocks/form/form-input-checkbox.liquid b/templates/blocks/form/form-input-checkbox.liquid
new file mode 100644
index 00000000..4e4a99f1
--- /dev/null
+++ b/templates/blocks/form/form-input-checkbox.liquid
@@ -0,0 +1,6 @@
+
+
diff --git a/templates/blocks/form/form-input-radio.liquid b/templates/blocks/form/form-input-radio.liquid
new file mode 100644
index 00000000..607916ae
--- /dev/null
+++ b/templates/blocks/form/form-input-radio.liquid
@@ -0,0 +1,14 @@
+
+ {% for radio in item.radioListItems %}
+
diff --git a/templates/blocks/form/form-input-select.liquid b/templates/blocks/form/form-input-select.liquid
new file mode 100644
index 00000000..e616a766
--- /dev/null
+++ b/templates/blocks/form/form-input-select.liquid
@@ -0,0 +1,11 @@
+
diff --git a/templates/blocks/form/form-input-text.liquid b/templates/blocks/form/form-input-text.liquid
new file mode 100644
index 00000000..c9558cf5
--- /dev/null
+++ b/templates/blocks/form/form-input-text.liquid
@@ -0,0 +1,6 @@
+
diff --git a/templates/blocks/form/form-input-textarea.liquid b/templates/blocks/form/form-input-textarea.liquid
new file mode 100644
index 00000000..f1d2c570
--- /dev/null
+++ b/templates/blocks/form/form-input-textarea.liquid
@@ -0,0 +1,4 @@
+
diff --git a/templates/blocks/form/form-validation-message.liquid b/templates/blocks/form/form-validation-message.liquid
new file mode 100644
index 00000000..1224b6c2
--- /dev/null
+++ b/templates/blocks/form/form-validation-message.liquid
@@ -0,0 +1,5 @@
+{% if inputItem.required == 'True' %}
+
+{% endif %}
diff --git a/templates/blocks/form/form.liquid b/templates/blocks/form/form.liquid
new file mode 100644
index 00000000..1a2aa714
--- /dev/null
+++ b/templates/blocks/form/form.liquid
@@ -0,0 +1,8 @@
+
diff --git a/templates/blocks/form/input-validation-attributes.liquid b/templates/blocks/form/input-validation-attributes.liquid
new file mode 100644
index 00000000..ec3bf7dc
--- /dev/null
+++ b/templates/blocks/form/input-validation-attributes.liquid
@@ -0,0 +1,28 @@
+{% if inputItem.required == 'True' %}
+ {% if inputItem.validationMessage == 'Null' or inputItem.validationMessage == '' %}
+ {% if inputItem.labelText == 'Null' or inputItem.labelText == '' %}
+ {% assign fieldInfo = inputItem.placeholder %}
+ {% else %}
+ {% assign fieldInfo = inputItem.labelText %}
+ {% endif %}
+ {% if fieldInfo == 'Null' or fieldInfo == '' %}
+ {% assign fieldInfo = 'value' %}
+ {% endif %}
+ {% if inputItem.fieldType == 'radio' %}
+ {% assign validationMessage = 'Please choose ' | append: fieldInfo %}
+ {% else %}
+ {% assign validationMessage = 'Please enter ' | append: fieldInfo %}
+ {% endif %}
+ {% else %}
+ {% assign validationMessage = inputItem.validationMessage %}
+ {% endif %}
+ data-val="true" data-val-required="{{validationMessage}}" aria-required="true" aria-describedby="{{inputItem.fieldName}}-error" aria-invalid="true"
+{% endif %}
+
+{% if inputItem.fieldType == 'email' %}
+ data-val-email="{{inputItem.labelText}} is invalid"
+{% endif %}
+
+{% if inputItem.fieldType == 'phone' %}
+ data-val-regex="{{item.labelText}} is invalid" data-val-regex-pattern="[0-9]{11,}"
+{% endif %}
diff --git a/templates/blocks/helpers/block-title.liquid b/templates/blocks/helpers/block-title.liquid
index dd4c271f..f0199500 100644
--- a/templates/blocks/helpers/block-title.liquid
+++ b/templates/blocks/helpers/block-title.liquid
@@ -17,11 +17,11 @@
{% elsif block.headerType == 'h3' %}
+
+
+
+ {% endfor %}
+{{ givenTitle }}
{% elsif block.headerType == 'like-h1' %} -{{ givenTitle }}
+ {{ givenTitle }}
{% elsif block.headerType == 'like-h3' %}
- {{ givenTitle }}
+ {{ givenTitle }}
{% else %}
- {{ givenTitle }}
+ {{ givenTitle }}
{% endif %}
{% endif %}
{% assign givenTitle = null %}
diff --git a/templates/blocks/helpers/catalog-script.liquid b/templates/blocks/helpers/catalog-script.liquid
new file mode 100644
index 00000000..7cc06904
--- /dev/null
+++ b/templates/blocks/helpers/catalog-script.liquid
@@ -0,0 +1,6 @@
+{% if is_preview_mode != true and catalog_script_rendered != true %}
+{% assign catalog_script_rendered = true %}
+
+
+{% endif %}
+
diff --git a/templates/blocks/helpers/color-style.liquid b/templates/blocks/helpers/color-style.liquid
new file mode 100644
index 00000000..4d2e8452
--- /dev/null
+++ b/templates/blocks/helpers/color-style.liquid
@@ -0,0 +1,20 @@
+
diff --git a/templates/blocks/helpers/cover-style.liquid b/templates/blocks/helpers/cover-style.liquid
new file mode 100644
index 00000000..f16efbb4
--- /dev/null
+++ b/templates/blocks/helpers/cover-style.liquid
@@ -0,0 +1,42 @@
+
diff --git a/templates/blocks/helpers/cover-text.liquid b/templates/blocks/helpers/cover-text.liquid
new file mode 100644
index 00000000..55d8222e
--- /dev/null
+++ b/templates/blocks/helpers/cover-text.liquid
@@ -0,0 +1,25 @@
+
+ {% if block.note %}
+
diff --git a/templates/blocks/json-buy-now-search.liquid b/templates/blocks/json-buy-now-search.liquid
new file mode 100644
index 00000000..862b8c4b
--- /dev/null
+++ b/templates/blocks/json-buy-now-search.liquid
@@ -0,0 +1,94 @@
+{% assign display_block = true %}
+{% assign request = request_url | format:null %}
+
+{% if block.utmString and block.utmString != '' %}
+ {% assign display_block = request contains block.utmString %}
+ {% if block.utmNegotiate == 'True' %}
+ {% comment %} i couldn't find a negotiate operator {% endcomment %}
+ {% if display_block %}
+ {% assign display_block = false %}
+ {% else %}
+ {% assign display_block = true %}
+ {% endif %}
+ {% endif %}
+{% endif %}
+
+{% if display_block or is_preview_mode %}
+{{ block.note }}
+ {% endif %}
+
+ {% if block.title %}
+ {% include 'blocks/helpers/block-title' %}
+ {% endif %}
+
+ {% if block.subtitle %}
+ {{ block.subtitle }}
+
+ {% endif %}
+
+ {% if (block.firstButton and block.firstButton.urlText) or (block.secondButton and block.secondButton.urlText) %}
+
+ {% if block.firstButton and block.firstButton.urlText and block.firstButton.urlText != '' %}
+ {{block.firstButton.urlText}}
+ {% endif %}
+ {% if block.secondButton and block.secondButton.urlText and block.secondButton.urlText != '' %}
+ {{block.secondButton.urlText}}
+ {% endif %}
+
+ {% endif %}
+
+
+
+{% endif %}
+
+{% include 'blocks/helpers/catalog-script' %}
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+titleStyle: [ null, bootstrap styles ]
+style: [ light, dark ]
+noTop: bool
+noBottom: bool
+
+title: string
+sku: string
+description: string (wysiwyg)
+buttonText: string
+hidePrice: bool
+
+{% endcomment %}
diff --git a/templates/blocks/json-buy-now.liquid b/templates/blocks/json-buy-now.liquid
new file mode 100644
index 00000000..6a50c9e2
--- /dev/null
+++ b/templates/blocks/json-buy-now.liquid
@@ -0,0 +1,93 @@
+{% assign display_block = true %}
+{% assign request = request_url | format:null %}
+
+{% if block.utmString and block.utmString != '' %}
+ {% assign display_block = request contains block.utmString %}
+ {% if block.utmNegotiate == 'True' %}
+ {% comment %} i couldn't find a negotiate operator {% endcomment %}
+ {% if display_block %}
+ {% assign display_block = false %}
+ {% else %}
+ {% assign display_block = true %}
+ {% endif %}
+ {% endif %}
+{% endif %}
+
+{% if display_block or is_preview_mode %}
+
+{% include 'blocks/helpers/color-style' %}
+
+
+ {% assign product = block.product %}
+
+
+ {% include 'blocks/helpers/block-title' givenTitle: product.name %}
+
+ {% if product %}
+ {% if block.hidePrice != 'True' %}
+
+
+ {% endif %}
+
+
+
+ {{ product.price }}
+
+
+
+
+
+ {% else %}
+
+ 
+
+
+
+
+ {% if block.description != '' %}
+ {{ block.description }}
+ {% else %}
+ {{ product.description }}
+ {% endif %}
+
+
+
+ {% if block.buttonText %}
+ {% if block.buttonType == 'cart' %}
+
+ {% else %}
+ {{ block.buttonText }}
+ {% endif %}
+ {% endif %}
+
+
+
+ {% endif %}
+ Product not found
+
+
+
+{% endif %}
+
+{% include 'blocks/helpers/catalog-script' %}
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+titleStyle: [ null, bootstrap styles ]
+style: [ light, dark ]
+noTop: bool
+noBottom: bool
+
+title: string
+sku: string
+description: string (wysiwyg)
+buttonText: string
+hidePrice: bool
+
+{% endcomment %}
diff --git a/templates/blocks/json-call-to-action.liquid b/templates/blocks/json-call-to-action.liquid
new file mode 100644
index 00000000..316981c3
--- /dev/null
+++ b/templates/blocks/json-call-to-action.liquid
@@ -0,0 +1,37 @@
+{% include 'blocks/helpers/cover-style' %}
+
+
+ {% assign product = block.product %}
+
+
+ {% include 'blocks/helpers/block-title' givenTitle: product.name %}
+
+ {% if product %}
+ {% if block.hidePrice != 'True' %}
+
+
+ {% endif %}
+
+
+
+ {{ product.price }}
+
+
+
+
+
+ {% else %}
+
+
+
+
+
+
+ {% if block.description != '' %}
+ {{ block.description }}
+ {% else %}
+ {{ product.description }}
+ {% endif %}
+
+
+
+
+ {% endif %}
+ Product not found
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+noTop: bool
+noBottom: bool
+
+textAreaWidth: string (col-lg, col-lg-10, col-lg-8, col-lg-6)
+brandColor: string (color)
+subtitle: string
+displayType: string (logo | simple)
+
+{% endcomment %}
diff --git a/templates/blocks/json-cover-with-form.liquid b/templates/blocks/json-cover-with-form.liquid
new file mode 100644
index 00000000..2eb56673
--- /dev/null
+++ b/templates/blocks/json-cover-with-form.liquid
@@ -0,0 +1,59 @@
+{% include 'blocks/helpers/cover-style' %}
+
+
+
+
+
+ {% if block.title %}
+
+
+ {% include 'blocks/helpers/block-title' %}
+
+ {% endif %}
+
+ {% if block.firstButton and block.firstButton.urlText and block.firstButton.urlText != '' %}
+
+ {% endif %}
+
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+noTop: bool
+noBottom: bool
+
+formPosition: string (null, right)
+formId: string
+formName: string
+formSubmitRedirectUrl: string
+formSubmitButtonStyle: string (bootstrap buttons styles)
+formFields: object[]{
+ fieldType: string (button, checkbox, email, hidden, phone, radio, select, text, textarea)
+ fieldName: string
+ fieldId: string
+ labelText: string
+ placeholder: string
+ fieldValue: string
+ required: bool
+ validationMessage: string
+ radioListItems: object[] {
+ title: string
+ text: string
+ id: string
+ value: string
+ isChecked: bool
+ isDisabled: bool
+ }
+ selectOptions: object[] {
+ label: string
+ value: string
+ isSelected: bool
+ isDisabled: bool
+ }
+showFormLabels: bool
+firstButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+secondButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+
+{% endcomment %}
diff --git a/templates/blocks/json-cover-with-image-and-flexible-title.liquid b/templates/blocks/json-cover-with-image-and-flexible-title.liquid
new file mode 100644
index 00000000..695a0a3d
--- /dev/null
+++ b/templates/blocks/json-cover-with-image-and-flexible-title.liquid
@@ -0,0 +1,40 @@
+{% include 'blocks/helpers/cover-style' %}
+
+
+
+
+
+
+
+
+ {% include 'blocks/form/form' %}
+
+ {% include 'blocks/helpers/cover-text' %}
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+noTop: bool
+noBottom: bool
+
+backgroundColor: string (hex color)
+overlayColor: string (hex color)
+imagePosition: string [ null, right ]
+note: string
+title: string
+subtitle: string (wysiwyg)
+background: object (url to image, alt text)
+containerImage: object (url to image, alt text)
+firstButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+secondButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+
+{% endcomment %}
diff --git a/templates/blocks/json-cover-with-image.liquid b/templates/blocks/json-cover-with-image.liquid
new file mode 100644
index 00000000..072da94e
--- /dev/null
+++ b/templates/blocks/json-cover-with-image.liquid
@@ -0,0 +1,41 @@
+{% include 'blocks/helpers/cover-style' %}
+
+
+
+
+
+
+ {% if block.containerImage and block.containerImage.url %}
+
+
+ 
+
+ {% endif %}
+
+ {% include 'blocks/helpers/cover-text' %}
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+noTop: bool
+noBottom: bool
+
+backgroundColor: string (hex color)
+overlayColor: string (hex color)
+imagePosition: string [ null, right ]
+note: string
+title: string
+subtitle: string (wysiwyg)
+background: object (url to image, alt text)
+containerImage: object (url to image, alt text)
+firstButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+secondButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+
+{% endcomment %}
diff --git a/templates/blocks/json-cover-with-simple-text.liquid b/templates/blocks/json-cover-with-simple-text.liquid
new file mode 100644
index 00000000..b1722f07
--- /dev/null
+++ b/templates/blocks/json-cover-with-simple-text.liquid
@@ -0,0 +1,57 @@
+{% include 'blocks/helpers/cover-style' %}
+
+
+
+
+
+
+
+ {% if block.containerImage and block.containerImage.url != '' %}
+
+ {% endif %}
+
+ {% include 'blocks/helpers/cover-text' %}
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+noTop: bool
+noBottom: bool
+
+formId: string
+formName: string
+formSubmitRedirectUrl: string
+formSubmitButtonStyle: string (bootstrap buttons styles)
+formFields: object[]{
+ fieldType: string (button, checkbox, email, hidden, phone, radio, select, text, textarea)
+ fieldName: string
+ fieldId: string
+ labelText: string
+ placeholder: string
+ fieldValue: string
+ required: bool
+ validationMessage: string
+ radioListItems: object[] {
+ title: string
+ text: string
+ id: string
+ value: string
+ isChecked: bool
+ isDisabled: bool
+ }
+ selectOptions: object[] {
+ label: string
+ value: string
+ isSelected: bool
+ isDisabled: bool
+ }
+showFormLabels: bool
+firstButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+secondButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+
+{% endcomment %}
+
diff --git a/templates/blocks/json-features-with-icons-in-columns.liquid b/templates/blocks/json-features-with-icons-in-columns.liquid
new file mode 100644
index 00000000..a516461a
--- /dev/null
+++ b/templates/blocks/json-features-with-icons-in-columns.liquid
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
+ {% include 'blocks/helpers/cover-text' %}
+
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+titleAlignment: [ center, left ]
+titleStyle: [ null, bg-light ]
+style: [ light, dark ]
+noTop: bool
+noBottom: bool
+
+columnsCount: string (12, 6, 4, 3)
+textAreaWidth: string (col-lg, col-lg-10, col-lg-8, col-lg-6)
+iconsType: string (none, numbers, letters, images, customIcon)
+iconsAreFilled: bool
+title: string
+content: string (wysiwyg)
+columns: object[] {
+ title: string
+ image: object (url to image, alt text)
+ button: object (url, text, style [ bootstrap buttons styles ], openInNewTab)
+}
+
+{% endcomment %}
diff --git a/templates/blocks/json-features-with-icons.liquid b/templates/blocks/json-features-with-icons.liquid
new file mode 100644
index 00000000..e44974ea
--- /dev/null
+++ b/templates/blocks/json-features-with-icons.liquid
@@ -0,0 +1,83 @@
+{% include 'blocks/helpers/color-style' %}
+
+
+
+
+ {% include 'blocks/helpers/block-title' %}
+
+
+
+
+ {% if block.columns.size > 0 %}
+
+ {% if block.content %}
+ {{ block.content }}
+ {% endif %}
+
+
+ {% for column in block.columns %}
+
+ {% endif %}
+
+
+ {% endfor %}
+
+ {% if block.iconsType == 'numbers' or block.iconsType == 'letters' %}
+
+ {% endif %}
+
+ {% if block.iconsType == 'customIcon' and column.image.url != '' %}
+
+ {% endif %}
+ {% if block.iconsType == 'images' and column.image.url != '' %}
+ ![]( "{{column.image.altText}}")
+ {% endif %}
+ {% if column.title != '' %}
+
+ 
+ {% endif %}
+ {% if column.title != '' %}
+ {{ column.title }}
+ {% endif %}
+ {% if column.button != '' and column.button.urlText != '' %}
+
+
+ {% endif %}
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+titleAlignment: [ center, left ]
+titleStyle: [ null, bg-light ]
+style: [ light, dark ]
+noTop: bool
+noBottom: bool
+
+columnsCount: string (12, 6, 4, 3)
+textAreaWidth: string (col-lg, col-lg-10, col-lg-8, col-lg-6)
+iconsType: string (none, numbers, letters, images, customIcon)
+iconsAreFilled: bool
+title: string
+content: string (wysiwyg)
+columns: object[] {
+ title: string
+ image: object (url to image, alt text)
+ button: object (url, text, style [ bootstrap buttons styles ], openInNewTab)
+}
+
+{% endcomment %}
diff --git a/templates/blocks/json-headline-with-form.liquid b/templates/blocks/json-headline-with-form.liquid
new file mode 100644
index 00000000..40b4854f
--- /dev/null
+++ b/templates/blocks/json-headline-with-form.liquid
@@ -0,0 +1,62 @@
+{% include 'blocks/helpers/cover-style' %}
+
+
+
+
+
+
+
+
+ {% if block.content %}
+
+ {% include 'blocks/helpers/block-title' %}
+
+
+
+ {% endif %}
+
+ {% if block.columns.size > 0 %}
+
+ {{ block.content }}
+
+
+
+ {% endif %}
+
+ {% for column in block.columns %}
+
+
+
+ {% endfor %}
+
+ {% if block.iconsType == 'numbers' or block.iconsType == 'letters' %}
+
+ {% endif %}
+
+ {% if block.iconsType == 'customIcon' and column.image.url != '' %}
+
+ {% endif %}
+ {% if block.iconsType == 'images' and column.image.url != '' %}
+
+ {% endif %}
+ {% if column.title != '' %}
+
+
+ {% endif %}
+ {% if block.iconsType == 'images' and column.image.url != '' %}
+
+ {% endif %}
+ {% if column.title != '' %}
+ {{ column.title }}
+ {% endif %}
+ {% if column.content != '' %}
+ {{ column.content }}
+ {% endif %}
+ {% if column.button != '' and column.button.urlText != '' %}
+
+
+ {% endif %}
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+noTop: bool
+noBottom: bool
+
+formId: string
+formName: string
+formSubmitRedirectUrl: string
+formSubmitButtonStyle: string (bootstrap buttons styles)
+formFields: object[]{
+ fieldType: string (button, checkbox, email, hidden, phone, radio, select, text, textarea)
+ fieldName: string
+ fieldId: string
+ labelText: string
+ placeholder: string
+ fieldValue: string
+ required: bool
+ validationMessage: string
+ radioListItems: object[] {
+ title: string
+ text: string
+ id: string
+ value: string
+ isChecked: bool
+ isDisabled: bool
+ }
+ selectOptions: object[] {
+ label: string
+ value: string
+ isSelected: bool
+ isDisabled: bool
+ }
+showFormLabels: bool
+firstButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+secondButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+
+{% endcomment %}
+
diff --git a/templates/blocks/json-headline.liquid b/templates/blocks/json-headline.liquid
new file mode 100644
index 00000000..681fff46
--- /dev/null
+++ b/templates/blocks/json-headline.liquid
@@ -0,0 +1,57 @@
+{% include 'blocks/helpers/cover-style' %}
+
+
+
+
+
+
+
+
+ {% include 'blocks/helpers/cover-text' %}
+
+ {% if block.formFields and block.formFields.size > 0 %}
+
+ {% include 'blocks/form/form' %}
+
+ {% endif %}
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+noTop: bool
+noBottom: bool
+
+formId: string
+formName: string
+formSubmitRedirectUrl: string
+formSubmitButtonStyle: string (bootstrap buttons styles)
+formFields: object[]{
+ fieldType: string (button, checkbox, email, hidden, phone, radio, select, text, textarea)
+ fieldName: string
+ fieldId: string
+ labelText: string
+ placeholder: string
+ fieldValue: string
+ required: bool
+ validationMessage: string
+ radioListItems: object[] {
+ title: string
+ text: string
+ id: string
+ value: string
+ isChecked: bool
+ isDisabled: bool
+ }
+ selectOptions: object[] {
+ label: string
+ value: string
+ isSelected: bool
+ isDisabled: bool
+ }
+showFormLabels: bool
+firstButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+secondButton: object (url, text, style [ bootstrap buttons styles ], openInNewTab [True, False]),
+
+{% endcomment %}
+
diff --git a/templates/blocks/json-logotypes.liquid b/templates/blocks/json-logotypes.liquid
new file mode 100644
index 00000000..e181bee2
--- /dev/null
+++ b/templates/blocks/json-logotypes.liquid
@@ -0,0 +1,58 @@
+{% include 'blocks/helpers/color-style' %}
+
+
+
+
+
+
+
+
+
+ {% include 'blocks/helpers/cover-text' %}
+
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+titleStyle: [ null, bootstrap styles ]
+style: [ light, dark ]
+noTop: bool
+noBottom: bool
+
+textAreaWidth: string (col-lg, col-lg-10, col-lg-8, col-lg-6)
+title: string
+content: string (wysiwyg)
+logotypes: object (image, url, openInNewTab)
+
+{% endcomment %}
diff --git a/templates/blocks/json-product-tiles.liquid b/templates/blocks/json-product-tiles.liquid
new file mode 100644
index 00000000..aab12fb4
--- /dev/null
+++ b/templates/blocks/json-product-tiles.liquid
@@ -0,0 +1,90 @@
+{% assign display_block = true %}
+{% assign request = request_url | format:null %}
+
+{% if block.utmString and block.utmString != '' %}
+ {% assign display_block = request contains block.utmString %}
+ {% if block.utmNegotiate == 'True' %}
+ {% comment %} i couldn't find a negotiate operator {% endcomment %}
+ {% if display_block %}
+ {% assign display_block = false %}
+ {% else %}
+ {% assign display_block = true %}
+ {% endif %}
+ {% endif %}
+{% endif %}
+
+{% if display_block == true and current_user and current_user.contact and block.userGroup and block.userGroup.value %}
+
+{% assign display_block = current_user.contact.user_groups contains block.userGroup.value %}
+
+{% endif %}
+
+{% if display_block or is_preview_mode %}
+{% include 'blocks/helpers/color-style' %}
+
+
+
+
+
+
+
+
+ {% if block.subtitle %}
+
+ {% include 'blocks/helpers/block-title' %}
+
+
+
+ {% endif %}
+
+ {% if block.logotypes.size > 0 %}
+
+ {{ block.subtitle }}
+
+
+
+ {% endif %}
+
+ {% for logotype in block.logotypes %}
+
+
+ {% if logotype.url != '' %}
+
+ 
+
+ {% else %}
+
+ {% endif %}
+
+ {% endfor %}
+
+
+ {% else %}
+
+ {% endif %}
+
+
+{% endif %}
+
+{% include 'blocks/helpers/catalog-script' %}
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+titleStyle: [ null, bootstrap styles ]
+style: [ light, dark ]
+noTop: bool
+noBottom: bool
+
+title: string
+categoryId: string
+
+{% endcomment %}
diff --git a/templates/blocks/json-text.liquid b/templates/blocks/json-text.liquid
index dbe02407..78b0c5a7 100644
--- a/templates/blocks/json-text.liquid
+++ b/templates/blocks/json-text.liquid
@@ -1,7 +1,21 @@
-
+
+
+ {% include 'blocks/helpers/block-title' givenTitle: block.categoryId.name %}
+
+ {% if block.subtitle %}
+
+ {{ block.subtitle }}
+ {% endif %}
+
+ {% if block.categoryId and block.categoryId.id %}
+
+
+ {% endif %}
+
+ {% assign category = collections | where: 'Id', '==', block.categoryId.id | first %}
+
+ {% assign skus = block.excludes | split: '\n' %}
+
+ {% if category.products.empty? == false %}
+
+ {% comment %}dump way{% endcomment %}
+ {% assign p = category.products %}
+ {% for sku in skus %}
+ {% assign p = p | where: 'Sku', '!=', sku %}
+ {% endfor %}
+
+ {% assign count = category.products.size %}
+ {% if block.count %}
+ {% assign maxCount = block.count.value %}
+ {% if maxCount > 0 %}
+ {% assign count = block.count %}
+ {% endif %}
+ {% endif %}
+
+ {% for product in p limit:count %}
+
+ {% assign grid_item_width = 'col-xl-3 col-lg-4 col-md-6 col-sm-6 product-card' %}
+ {% include 'product-grid-item' %}
+
+ {% endfor %}
+
+ {% else %}
+
+ {{ 'search.no_results' | t }}
+ {% endif %} +
-
+{% include 'blocks/helpers/color-style' %}
+
+
+{% layout 'bootstrap_migration' %}
+
{% include 'json-blocks' %}
diff --git a/templates/json-preview.liquid b/templates/json-preview.liquid
index cc18a2f2..28b2598e 100644
--- a/templates/json-preview.liquid
+++ b/templates/json-preview.liquid
@@ -1,5 +1,4 @@
-{% layout 'theme' %}
-
+{% layout 'bootstrap_migration' %}
-
+
+
@@ -19,5 +33,6 @@ noTop: bool
noBottom: bool
title: string
+content: string (wysiwyg)
{% endcomment %}
diff --git a/templates/blocks/json-two-columns-text.liquid b/templates/blocks/json-two-columns-text.liquid
new file mode 100644
index 00000000..88bce4bd
--- /dev/null
+++ b/templates/blocks/json-two-columns-text.liquid
@@ -0,0 +1,49 @@
+
- {% include 'blocks/helpers/block-title' %}
+
+
+
+ {% if block.content %}
+
+ {% include 'blocks/helpers/block-title' %}
+
+
+
+ {% endif %}
+ {{ block.content }}
+
+
+
+
+{% comment %}
+
+__id: string (unique block id)
+
+name: string
+headerType: [ h1, h2, h3, like-h1, like-h2, like-h3 ]
+titleAlignment: [ center, left ]
+titleStyle: [ null, bg-light ]
+style: [ light, dark ]
+noTop: bool
+noBottom: bool
+noPad: bool
+
+title: string
+contentBefore: string (wysiwyg)
+items: string[] (wysiwyg)
+
+{% endcomment %}
diff --git a/templates/json-page.liquid b/templates/json-page.liquid
index 3318c1b0..5561ea57 100644
--- a/templates/json-page.liquid
+++ b/templates/json-page.liquid
@@ -1,7 +1,7 @@
{% if page.layout != blank %}
{% layout page.layout %}
{% endif %}
-
-
+
+
+
+
+
+
+ {% include 'blocks/helpers/block-title' %}
+
+
+ {% if block.contentBefore != '' %}
+
+
+ {{ block.contentBefore }}
+
+ {% endif %}
+ {% for item in block.items %}
+
+ {{ item.text }}
+
+ {% endfor %}
+