@total_onion/onion-library 2.0.84 → 2.0.87
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/block-form-selection-v3/form-selection-v3.twig +1 -1
- package/components/block-group-container-v3/group-container-v3.twig +3 -2
- package/components/block-group-container-v3/group_6865578ada499.json +98 -1
- package/components/block-market-selector-v3/market-selector-v3.twig +1 -1
- package/components/block-nav-menu-container-v3/nav-menu-container-v3.twig +0 -4
- package/components/block-post-info-v3/post-info-v3.twig +0 -1
- package/components/block-post-type-filter-grid-v3/group_64690c62487bc.json +437 -71
- package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-title-widget.vue +2 -2
- package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/ptfg-utils.vue +4 -1
- package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js +3 -3
- package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.scss +12 -6
- package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.twig +14 -39
- package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.vue +9 -136
- package/components/block-single-responsive-image-v3/group_6867bcf24c2fc.json +5 -14
- package/components/block-social-networks-v3/social-networks-v3.twig +1 -1
- package/components/block-standard-content-v3/group_68655756737c9.json +2 -3
- package/components/block-standard-content-v3/standard-content-v3.twig +2 -3
- package/components/block-sub-group-container-v3/sub-group-container-v3.twig +1 -1
- package/components/component-animations-v3/group_689f39c37980a.json +10 -2
- package/components/component-block-padding-v3/block-padding-v3.twig +12 -32
- package/components/component-block-padding-v3/group_689f66f3e26df.json +15 -369
- package/components/component-block-settings-v3/group_689f649af2ac4.json +182 -52
- package/components/component-content-box-v3/content-box-v3.twig +2 -2
- package/components/component-content-image-v3/content-image-v3.twig +3 -4
- package/components/component-core-head-v3/core-head-v3.twig +12 -13
- package/components/component-e-shop-settings-v3/e-shop-settings-v3.twig +93 -66
- package/components/component-responsive-image-v3/responsive-image-v3.twig +6 -8
- package/components/entrypoint-entry-point-html-v3/entry-point-html-v3.twig +1 -1
- package/components/fields-archive-pages-v3/group_635e777ce46d4.json +150 -0
- package/components/fields-modal-popup-content-v3/modal-popup-content-v3.twig +3 -3
- package/package.json +1 -1
- package/components/block-standard-content-v3/standard-content-v3.js +0 -39
- package/components/block-standard-content-v3/standard-content-v3.scss +0 -9
- package/components/block-sub-group-container-v3/sub-group-container-v3.js +0 -9
- package/components/block-sub-group-container-v3/sub-group-container-v3.scss +0 -27
- package/components/component-athena-body-close-v3/athena-body-close-v3.twig +0 -2
- package/components/component-athena-body-open-v3/athena-body-open-v3.twig +0 -32
- package/components/component-athena-head-v3/athena-head-v3.twig +0 -63
package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-title-widget.vue
CHANGED
|
@@ -14,7 +14,7 @@ const textEditorStylesString = textEditorStyles(props);
|
|
|
14
14
|
<h3 :class="`${element.text_style?.typography_style.slice(2)}`" :style="`${textEditorStylesString}`"
|
|
15
15
|
v-html="post.post_title">
|
|
16
16
|
</h3>
|
|
17
|
-
<img :class="`${blockClassname}__post-title-icon
|
|
18
|
-
|
|
17
|
+
<img :class="`${blockClassname}__post-title-icon`" v-if="element.enable_icon" :src="ctaIcons.cta_load_more_icon"
|
|
18
|
+
alt="title icon">
|
|
19
19
|
</a>
|
|
20
20
|
</template>
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
export default function (props) {
|
|
2
|
+
export default function (props) {
|
|
3
|
+
console.log('pointless default function');
|
|
4
|
+
}
|
|
3
5
|
export function gridLayoutElement(props) {
|
|
4
6
|
const element = props.element;
|
|
5
7
|
return `
|
|
@@ -22,6 +24,7 @@ export function gridLayoutElement(props) {
|
|
|
22
24
|
--grid-horizontal-placement-desktop: ${element.grid_layout_element?.grid_horizontal_placement?.slice(2)};
|
|
23
25
|
--grid-vertical-placement-desktop: ${element.grid_layout_element?.grid_vertical_placement?.slice(2)};`;
|
|
24
26
|
}
|
|
27
|
+
|
|
25
28
|
export function textEditorStyles(props) {
|
|
26
29
|
const element = props.element;
|
|
27
30
|
const textColourType = props.element?.text_style?.text_colour?.slice(2);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {createApp} from 'vue';
|
|
2
|
-
import
|
|
2
|
+
import posttypefiltergridv2 from 'Assets/vue/blocks/post-type-filter-grid-v3.vue';
|
|
3
3
|
|
|
4
|
-
export default function
|
|
4
|
+
export default function posttypefiltergridv2Js(options = {}) {
|
|
5
5
|
try {
|
|
6
6
|
const {block} = options;
|
|
7
7
|
const mountElement = block.children[0];
|
|
8
|
-
createApp(
|
|
8
|
+
createApp(posttypefiltergridv2, {...mountElement.dataset}).mount(
|
|
9
9
|
mountElement
|
|
10
10
|
);
|
|
11
11
|
} catch (error) {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
@use '
|
|
2
|
-
@use '
|
|
3
|
-
@use '
|
|
1
|
+
@use 'NodeModules/@total_onion/onion-library/components/fields-core-mixins-v3/core-mixins-v3';
|
|
2
|
+
@use 'NodeModules/@total_onion/onion-library/components/fields-core-functions-v3/core-functions-v3';
|
|
3
|
+
@use 'NodeModules/@total_onion/onion-library/breakpoints';
|
|
4
4
|
// @use 'Assets/scss/modules/library-modules/core-gradient-designer/core-gradient-designer';
|
|
5
|
-
@use '
|
|
6
|
-
@use '
|
|
5
|
+
@use 'NodeModules/@total_onion/onion-library/components/component-grid-layout-element-v3/grid-layout-element-v3';
|
|
6
|
+
@use 'NodeModules/@total_onion/onion-library/components/component-element-positioning-v3/element-positioning-v3';
|
|
7
7
|
|
|
8
8
|
.post-type-filter-grid-v3 {
|
|
9
9
|
z-index: 10;
|
|
@@ -768,7 +768,13 @@
|
|
|
768
768
|
@include grid-layout-element-v3.gridLayoutElement();
|
|
769
769
|
z-index: 2;
|
|
770
770
|
|
|
771
|
-
&:not(
|
|
771
|
+
&:not(
|
|
772
|
+
.post-type-filter-grid-v3__post-link,
|
|
773
|
+
.post-type-filter-grid-v3__product-buy-now,
|
|
774
|
+
.post-type-filter-grid-v3__post-image-container-link,
|
|
775
|
+
.post-type-filter-grid-v3__post-tags,
|
|
776
|
+
.post-type-filter-grid-v3__shopify
|
|
777
|
+
) {
|
|
772
778
|
* {
|
|
773
779
|
width: 100%;
|
|
774
780
|
// @include core-mixins-v3.textStyle();
|
|
@@ -1,38 +1,11 @@
|
|
|
1
|
-
{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
|
|
2
1
|
{% set ajaxUrl = fn('admin_url', 'admin-ajax.php') %}
|
|
3
|
-
|
|
4
2
|
{% set blockClassName = 'post-type-filter-grid-v3' %}
|
|
5
3
|
{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields: fields, block: block }, with_context = false) %}
|
|
6
4
|
{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus, imagekit_config }, with_context = false) %}
|
|
7
5
|
{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields: fields, block: block }, with_context = false) %}
|
|
8
6
|
{% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields: fields, block: block, is_preview: is_preview }, with_context = false) %}
|
|
9
7
|
{% set postType = fields.post_type|ru %}
|
|
10
|
-
{% set postFieldConfig = fields
|
|
11
|
-
{# <pre>
|
|
12
|
-
{{ dump(options) }}
|
|
13
|
-
|
|
14
|
-
</pre> #}
|
|
15
|
-
|
|
16
|
-
{% if fields.enable_featured_post and fields.featured_post is not empty %}
|
|
17
|
-
{% set featuredPost = {} %}
|
|
18
|
-
{% set featuredPostData = get_post(fields.featured_post) %}
|
|
19
|
-
{% set featuredPost = featuredPost|merge({'post' : featuredPostData}) %}
|
|
20
|
-
{% set featuredPostCategory = featuredPostData.terms %}
|
|
21
|
-
{% set featuredPostImage = get_image(featuredPostData.meta.post_image) %}
|
|
22
|
-
{% set featuredPost = featuredPost|merge({'post_image_src' : gt_image_mainsrc(featuredPostImage, {'aspect_ratio' : '16x9'})}) %}
|
|
23
|
-
{% set featuredPost = featuredPost|merge({'post_image_srcset' : gt_image_srcset(featuredPostImage, {'aspect_ratio' : '16x9'})}) %}
|
|
24
|
-
{% set featuredPost = featuredPost|merge({'post_image_src_mobile' : gt_image_mainsrc(featuredPostImage, {'aspect_ratio' : '1x1'})}) %}
|
|
25
|
-
{% set featuredPost = featuredPost|merge({'post_image_srcset_mobile' : gt_image_srcset(featuredPostImage, {'aspect_ratio' : '1x1'})}) %}
|
|
26
|
-
{% set featuredPost = featuredPost|merge({'post_image_width' : featuredPostImage.width}) %}
|
|
27
|
-
{% set featuredPost = featuredPost|merge({'post_image_height' : featuredPostImage.height}) %}
|
|
28
|
-
{% set featuredPost = featuredPost|merge({'post_image_alt' : featuredPostImage.alt}) %}
|
|
29
|
-
{% set featuredPost = featuredPost|merge({'post_category' : featuredPostCategory}) %}
|
|
30
|
-
{% set featuredPost = featuredPost|merge({'post_info_subtitle' : featuredPostData.post_info_subtitle}) %}
|
|
31
|
-
{% set featuredPost = featuredPost|merge({'post_info_description' : featuredPostData.post_info_description}) %}
|
|
32
|
-
{% set featuredPost = featuredPost|merge({'post_link' : featuredPostData.link}) %}
|
|
33
|
-
{% set featuredPost = featuredPost|merge({'featured_post_background_colour' : fields.featured_post_background_colour}) %}
|
|
34
|
-
{% set featuredPost = featuredPost|merge({'featured_post_button_style' : fields.featured_post_button_style}) %}
|
|
35
|
-
{% endif %}
|
|
8
|
+
{% set postFieldConfig = fields.post_data %}
|
|
36
9
|
|
|
37
10
|
{% if fields.limit_posts_to_selected_categories %}
|
|
38
11
|
{% set limitPostsToSelectedCategories = 'true' %}
|
|
@@ -92,6 +65,15 @@
|
|
|
92
65
|
{{ dump('updatedposts', updatedPosts.posts) }}
|
|
93
66
|
</pre> #}
|
|
94
67
|
|
|
68
|
+
{% if fields.enable_micro_grid_gap %}
|
|
69
|
+
{% set microGridGapAmount = '--micro-grid-gap-amount: ' ~ fields.micro_grid_gap_amount ~ ';' %}
|
|
70
|
+
{% set microGridGapClass = blockClassName ~ '--micro-gap' %}
|
|
71
|
+
{% endif %}
|
|
72
|
+
{% if fields.enable_grid_border %}
|
|
73
|
+
{% set gridBorderColour = '--grid-border-colour: ' ~ fields.grid_border_colour ~ ';' %}
|
|
74
|
+
{% set gridBorderWidth = '--grid-border-width: ' ~ fields.grid_border_width ~ ';' %}
|
|
75
|
+
{% endif %}
|
|
76
|
+
|
|
95
77
|
{% set blockBackgroundColour = '--block-background-colour: ' ~ fields.block_background_colour ~ ';' %}
|
|
96
78
|
{% set gridBackgroundColour = '--grid-background-colour: ' ~ fields.grid_background_colour ~ ';' %}
|
|
97
79
|
{% set postImageAspectRatio = '--post-image-aspect-ratio:' ~ fields.post_image_aspect_ratio ~ ';' %}
|
|
@@ -103,20 +85,13 @@
|
|
|
103
85
|
{% set gridGapMultiPortrait = '--gap-multiplier-portrait: ' ~ fields.grid_gap_portrait|default(fields.grid_gap) ~ ';' %}
|
|
104
86
|
{% set gridGapMultiMobile = '--gap-multiplier-mobile: ' ~ fields.grid_gap_mobile|default(fields.grid_gap) ~ ';' %}
|
|
105
87
|
|
|
106
|
-
{% if fields.enable_micro_grid_gap %}
|
|
107
|
-
{% set microGridGapAmount = '--micro-grid-gap-amount: ' ~ fields.micro_grid_gap_amount ~ ';' %}
|
|
108
|
-
{% set microGridGapClass = blockClassName ~ '--micro-gap' %}
|
|
109
|
-
{% endif %}
|
|
110
88
|
{% set postContainerPadding = '--post-container-padding: ' ~ fields.post_container_padding ~ ';' %}
|
|
111
89
|
{% set postContainerPaddingMobile = '--post-container-padding-mobile: ' ~ fields.post_container_padding_mobile ~ ';' %}
|
|
112
90
|
{% set blockContainerVerticalAlign = '--block-container-vertical-align: ' ~ fields.post_container_vertical_align|ru ~ ';' %}
|
|
113
|
-
{% if fields.enable_grid_border %}
|
|
114
|
-
{% set gridBorderColour = '--grid-border-colour: ' ~ fields.grid_border_colour ~ ';' %}
|
|
115
|
-
{% set gridBorderWidth = '--grid-border-width: ' ~ fields.grid_border_width ~ ';' %}
|
|
116
|
-
{% endif %}
|
|
117
91
|
{% set filterCategoryGap = '--filter-category-gap: ' ~ fields.filter_category_gap ~ ';' %}
|
|
118
92
|
{% set filterBackgroundColour = '--filter-background-colour: ' ~ fields.filter_background_colour ~ ';' %}
|
|
119
93
|
{% set filterBackgroundColourMobile = '--filter-background-colour-mobile: ' ~ fields.filter_background_colour_mobile ~ ';' %}
|
|
94
|
+
|
|
120
95
|
{% set sectionStyles = styleEntryPoint ~ blockBackgroundColour ~ filterCategoryGap ~ gridBackgroundColour ~ gridGapMulti ~ gridGapMultiPortrait ~ gridGapMultiMobile ~ microGridGapAmount ~ gridBorderColour ~ gridBorderWidth ~ postContainerPadding ~ postContainerPaddingMobile ~ blockContainerVerticalAlign ~ columnsDesktop ~ columnsTablet ~ columnsMobile ~ backgroundColour ~ filterBackgroundColour ~ filterBackgroundColourMobile ~ postImageAspectRatio ~ postImageFitStyle ~ subFilterOverflowMobile ~ subFilterOverflowTablet ~ subFilterOverflowDesktop ~ subFilterOverflowMobileAlignment ~ subFilterOverflowTabletAlignment ~ subFilterOverflowDesktopAlignment %}
|
|
121
96
|
{% set sectionClasses = microGridGapClass %}
|
|
122
97
|
{% set blockIdPtfgData = 'ptfgData' ~ block.id %}
|
|
@@ -134,9 +109,9 @@ window["{{ blockIdPtfgData }}"] = {{{ posts: updatedPosts.posts,
|
|
|
134
109
|
taxonomies: taxonomies,
|
|
135
110
|
featuredPost: featuredPost,
|
|
136
111
|
mappedIcons: mappedIcons,
|
|
137
|
-
ctaStyles: cta_styles
|
|
138
|
-
cta_icons: options.
|
|
139
|
-
global_images:
|
|
112
|
+
ctaStyles: options.cta_styles|default([]),
|
|
113
|
+
cta_icons: options.cta_icons|default([]),
|
|
114
|
+
global_images: [],
|
|
140
115
|
total: updatedPosts.total,
|
|
141
116
|
ajaxUrl: ajaxUrl,
|
|
142
117
|
currentMarket: fn('apply_filters', 'wpml_current_language', NULL)
|
|
@@ -14,12 +14,7 @@
|
|
|
14
14
|
v-on:click.prevent="clearAllFilters()" :data-layout="filterLayout">
|
|
15
15
|
{{ showAllText }}
|
|
16
16
|
</button>
|
|
17
|
-
<div
|
|
18
|
-
filterLayout == 1 ||
|
|
19
|
-
filterLayout == 2 ||
|
|
20
|
-
filterLayout == 4 ||
|
|
21
|
-
filterLayout == 5
|
|
22
|
-
" :class="`${blockClassName}__filter-categories`" :data-layout="filterLayout">
|
|
17
|
+
<div :class="`${blockClassName}__filter-categories`" :data-layout="filterLayout">
|
|
23
18
|
<div v-if="filterLayout == 4" :class="`${blockClassName}__filter-categories-label`">
|
|
24
19
|
{{ categoriesTitleText }}
|
|
25
20
|
<button @click="modalOpen = !modalOpen"></button>
|
|
@@ -89,17 +84,6 @@
|
|
|
89
84
|
</ul>
|
|
90
85
|
</div>
|
|
91
86
|
<div :class="`${blockClassName}__filter-subcategories-container`">
|
|
92
|
-
<!-- <ul v-if="enablePlaceholderFilter">
|
|
93
|
-
<li :class="`${blockClassName}__filter-subcategory-list-item ${placeholderFilterActiveStatus ? 'active' : ''}`"
|
|
94
|
-
v-if="enablePlaceholderFilter" data-categoryid="placeholder">
|
|
95
|
-
<button
|
|
96
|
-
:class="`${blockClassName}__filter-subcategory-button ${placeholderFilterActiveStatus ? 'active' : ''} cmpl-cta-style-${categoryButtonStyle}`">
|
|
97
|
-
Choose country <img v-if="enableFilterIcon" :src="ctaIcons.cta_filter_icon"
|
|
98
|
-
:class="`${blockClassName}__filter-subcategory-button-icon style-svg`">
|
|
99
|
-
</button>
|
|
100
|
-
|
|
101
|
-
</li>
|
|
102
|
-
</ul>-->
|
|
103
87
|
<ul v-for="(topCategory, index) in computedCategories?.topLevelCategories" v-bind:key="index"
|
|
104
88
|
@click="toggleSubcategoryListContainer(topCategory?.term_id)" :class="`${blockClassName}__filter-subcategory-list ${topLevelCategoryActiveStatus(topCategory?.term_id)
|
|
105
89
|
? blockClassName + '__filter-subcategory-list--active'
|
|
@@ -127,28 +111,6 @@
|
|
|
127
111
|
</div>
|
|
128
112
|
</div>
|
|
129
113
|
|
|
130
|
-
<div :class="`${blockClassName}__featured-post`" v-if="enableFeaturedPost && activeFilterCategories.length < 1"
|
|
131
|
-
:style="featuredPostBackgroundColour">
|
|
132
|
-
<TransitionGroup>
|
|
133
|
-
<div :class="`${blockClassName}__featured-post-container`" v-if="featuredPost">
|
|
134
|
-
<FeaturedPostComponent :featuredpost="featuredPost" :fields="fields" :options="options"
|
|
135
|
-
:mappedIcons="mappedIcons" :ctaStyles="ctaStyles" :ctaIcons="ctaIcons">
|
|
136
|
-
</FeaturedPostComponent>
|
|
137
|
-
</div>
|
|
138
|
-
</TransitionGroup>
|
|
139
|
-
</div>
|
|
140
|
-
|
|
141
|
-
<div :class="`${blockClassName}__market-toggle`" v-if="showMarketToggle">
|
|
142
|
-
<div :class="`${blockClassName}__switch`">
|
|
143
|
-
<span :class="`${blockClassName}__switch-text`">All Products</span>
|
|
144
|
-
<label :class="`${blockClassName}__switch-toggle`">
|
|
145
|
-
<input type="checkbox" v-model="showAllMarkets" @change="onMarketToggle" />
|
|
146
|
-
<span class="switch-slider"></span>
|
|
147
|
-
</label>
|
|
148
|
-
<span :class="`${blockClassName}__switch-text`">Local Products</span>
|
|
149
|
-
</div>
|
|
150
|
-
</div>
|
|
151
|
-
|
|
152
114
|
<div :class="`${blockClassName}__grid`">
|
|
153
115
|
<TransitionGroup :name="fields.filter_results_transition">
|
|
154
116
|
<div :class="`${blockClassName}__post-container`" :style="`
|
|
@@ -191,14 +153,7 @@
|
|
|
191
153
|
|
|
192
154
|
<script setup>
|
|
193
155
|
import { ref, reactive, onMounted, useAttrs, computed, watch } from "vue";
|
|
194
|
-
// import likes from "WpPlugins/cbl-better-reviews/public/src/modules/likes.js";
|
|
195
|
-
// import reviews from "WpPlugins/cbl-better-reviews/public/src/modules/reviews.js";
|
|
196
|
-
// import shop from "Assets/js/modules/library-modules/shopify/shop.js";
|
|
197
|
-
// import reviewModal from "WpPlugins/cbl-better-reviews/public/src/modules/review-modal.js";
|
|
198
|
-
// import reservebarPopup from "Assets/js/modules/library-modules/reservebar-popup/reservebar-popup.js";
|
|
199
|
-
// import { isWpAdmin, ctbCTAClickHandler } from "@pernod-ricard-global-cms/jsutils";
|
|
200
156
|
import PostComponent from "./post-type-filter-grid-v3/post-component.vue";
|
|
201
|
-
import FeaturedPostComponent from "./post-type-filter-grid-v3/featured-post-component.vue";
|
|
202
157
|
import TextSearch from "./post-type-filter-grid-v3/text-search.vue";
|
|
203
158
|
|
|
204
159
|
// get content data from window
|
|
@@ -269,17 +224,15 @@ const topLevelCategoryButtonStyle = fields.top_level_category_button_style
|
|
|
269
224
|
.replace("__", "");
|
|
270
225
|
const categoryButtonStyle = fields.category_button_style?.toString().replace("__", "");
|
|
271
226
|
const loadMoreButtonStyle = fields.load_more_button_style?.toString().replace("__", "");
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
const loadMoreAnimationStyle = 1;
|
|
227
|
+
const loadMoreAnimationStyle =
|
|
228
|
+
ctaStyles[parseInt(loadMoreButtonStyle) - 1]?.cta_settings
|
|
229
|
+
?.cta_animation_style;
|
|
276
230
|
const toggleFilterButtonStyle = fields.toggle_filter_button_style
|
|
277
231
|
?.toString()
|
|
278
232
|
.replace("__", "");
|
|
279
233
|
const showAllButtonStyle = fields.show_all_button_style?.toString().replace("__", "");
|
|
280
234
|
const enableLoadMoreButton = fields.enable_load_more_button;
|
|
281
235
|
const showFilters = fields.show_filters;
|
|
282
|
-
const showMarketToggle = fields.show_market_toggle;
|
|
283
236
|
const showTopLevelFilters = fields.show_top_level_filters;
|
|
284
237
|
const topLevelFiltersActiveOnLoad = fields.top_level_filters_active_on_load;
|
|
285
238
|
const singleActiveTopLevelCategory = fields.single_active_top_level_category;
|
|
@@ -304,10 +257,7 @@ const enableFilterIcon = fields.enable_filter_icon;
|
|
|
304
257
|
const enableTopLevelFilterIcon = fields.enable_top_level_filter_icon;
|
|
305
258
|
const enableStartingFilter = fields.enable_starting_filter;
|
|
306
259
|
const enablePlaceholderFilter = fields.enable_placeholder_filter;
|
|
307
|
-
const enableShopify = JSON.parse(localStorage.getItem("enableShopify"));
|
|
308
260
|
const placeholderFilterText = fields.placeholder_filter_text;
|
|
309
|
-
const enableFeaturedPost = fields.enable_featured_post;
|
|
310
|
-
const featuredPostBackgroundColour = `--featured-post-background-colour: ${fields.featured_post_background_colour}`;
|
|
311
261
|
const initialPostsPerPageDesktop = fields.initial_posts_per_page_desktop;
|
|
312
262
|
const initialPostsPerPageTablet = fields.initial_posts_per_page_portrait;
|
|
313
263
|
const initialPostsPerPageMobile = fields.initial_posts_per_page_mobile;
|
|
@@ -315,16 +265,6 @@ const postsPerPageDesktop = showAllPosts ? 999999 : Number(fields.posts_per_page
|
|
|
315
265
|
const postsPerPageTablet = showAllPosts ? 999999 : Number(fields.posts_per_page_tablet);
|
|
316
266
|
const postsPerPageMobile = showAllPosts ? 999999 : Number(fields.posts_per_page_mobile);
|
|
317
267
|
const loadedCategories = [];
|
|
318
|
-
const subFilterOverflowMobileValue = fields.sub_filter_overflow ? fields.sub_filter_overflow.mobile_overflow.toString().replace("__", "") : 'scroll';
|
|
319
|
-
const subFilterOverflowTabletValue = fields.sub_filter_overflow ? fields.sub_filter_overflow.tablet_overflow.toString().replace("__", "") : 'scroll';
|
|
320
|
-
const subFilterOverflowDesktopValue = fields.sub_filter_overflow ? fields.sub_filter_overflow.desktop_overflow.toString().replace("__", "") : 'scroll';
|
|
321
|
-
const subFilterOverflowMobile = `--sub-filter-overflow-mobile: ${subFilterOverflowMobileValue};`;
|
|
322
|
-
const subFilterOverflowTablet = `--sub-filter-overflow-tablet: ${subFilterOverflowTabletValue};`;
|
|
323
|
-
const subFilterOverflowDesktop = `--sub-filter-overflow-desktop: ${subFilterOverflowDesktopValue};`;
|
|
324
|
-
const subFilterOverflowCenterMobile = `--sub-filter-overflow-center-mobile: ${subFilterOverflowMobileValue === 'wrap' ? 'center' : ''};`;
|
|
325
|
-
const subFilterOverflowCenterTablet = `--sub-filter-overflow-center-tablet: ${subFilterOverflowTabletValue === 'wrap' ? 'center' : ''};`;
|
|
326
|
-
const subFilterOverflowCenterDesktop = `--sub-filter-overflow-center-desktop: ${subFilterOverflowDesktopValue === 'wrap' ? 'center' : ''};`;
|
|
327
|
-
const subFilterOverflowStyles = subFilterOverflowMobile + subFilterOverflowTablet + subFilterOverflowDesktop + subFilterOverflowCenterMobile + subFilterOverflowCenterTablet + subFilterOverflowCenterDesktop
|
|
328
268
|
|
|
329
269
|
let devicePostsPerPage = postsPerPageDesktop;
|
|
330
270
|
let deviceInitialPostsPerPage = initialPostsPerPageDesktop;
|
|
@@ -365,11 +305,7 @@ const computedAllPosts = computed(() => {
|
|
|
365
305
|
});
|
|
366
306
|
const computedFilteredPosts = computed(() => {
|
|
367
307
|
let computedPosts = computedAllPosts.value;
|
|
368
|
-
|
|
369
|
-
computedPosts = computedAllPosts.value.filter(
|
|
370
|
-
(post) => post.post_data.ID != fields.featured_post
|
|
371
|
-
);
|
|
372
|
-
}
|
|
308
|
+
|
|
373
309
|
const posts = filterPosts(computedPosts, activeFilterCategories.value);
|
|
374
310
|
return sortPosts(posts);
|
|
375
311
|
});
|
|
@@ -406,13 +342,6 @@ const resetPage = () => {
|
|
|
406
342
|
window.history.pushState({}, "", path);
|
|
407
343
|
};
|
|
408
344
|
|
|
409
|
-
const computedFeaturedPost = computed(() => {
|
|
410
|
-
const featuredPost = computedAllPosts.value.filter(
|
|
411
|
-
(post) => post.id == fields.featured_post
|
|
412
|
-
);
|
|
413
|
-
const [post] = featuredPost;
|
|
414
|
-
return post;
|
|
415
|
-
});
|
|
416
345
|
|
|
417
346
|
const computedProducts = computed(() => {
|
|
418
347
|
// const updatedProducts = [];
|
|
@@ -522,14 +451,6 @@ const filterPosts = (posts, filterCategoryIds = activeFilterCategories.value) =>
|
|
|
522
451
|
});
|
|
523
452
|
}
|
|
524
453
|
filteredPosts = searchTerm == null ? filteredPosts : textFilteredPosts;
|
|
525
|
-
setTimeout(() => {
|
|
526
|
-
const gridContainer = document.querySelector(".post-type-filter-grid-v3__grid");
|
|
527
|
-
ctbCTAClickHandler(gridContainer);
|
|
528
|
-
reservebarPopup();
|
|
529
|
-
if (enableShopify) {
|
|
530
|
-
refreshShopifyBuyButtons();
|
|
531
|
-
}
|
|
532
|
-
}, 50);
|
|
533
454
|
|
|
534
455
|
return filteredPosts;
|
|
535
456
|
};
|
|
@@ -553,12 +474,7 @@ const incrementLoadMoreStatus = () => {
|
|
|
553
474
|
const url = new URL(window.location);
|
|
554
475
|
loadMoreStatus.value = Number(loadMoreStatus.value) + 1;
|
|
555
476
|
url.searchParams.set("pages", loadMoreStatus.value);
|
|
556
|
-
|
|
557
|
-
reviews.init();
|
|
558
|
-
if (enableShopify) {
|
|
559
|
-
refreshShopifyBuyButtons();
|
|
560
|
-
}
|
|
561
|
-
}, 0);
|
|
477
|
+
|
|
562
478
|
if (!isWpAdmin()) {
|
|
563
479
|
window.history.pushState({}, "", url);
|
|
564
480
|
}
|
|
@@ -805,7 +721,7 @@ const loadMorePosts = async (currentCategoryId = null, { replace = false } = {})
|
|
|
805
721
|
form_data.append("includeReviews", ptfgData.includeReviews);
|
|
806
722
|
form_data.append("reviewDisplayOptions", ptfgData.reviewDisplayOptions);
|
|
807
723
|
form_data.append("limitPostsToSelectedCategories", fields.limit_posts_to_selected_categories);
|
|
808
|
-
form_data.append("currentMarket",
|
|
724
|
+
form_data.append("currentMarket", ptfgData.currentMarket);
|
|
809
725
|
|
|
810
726
|
form_data.append(
|
|
811
727
|
"categoryIds",
|
|
@@ -839,12 +755,7 @@ const loadMorePosts = async (currentCategoryId = null, { replace = false } = {})
|
|
|
839
755
|
];
|
|
840
756
|
allPosts.items = sortPosts(mergedArray); // Merge as usual
|
|
841
757
|
}
|
|
842
|
-
|
|
843
|
-
reviews.init();
|
|
844
|
-
if (enableShopify) {
|
|
845
|
-
refreshShopifyBuyButtons();
|
|
846
|
-
}
|
|
847
|
-
}, 0);
|
|
758
|
+
|
|
848
759
|
isLoading.value = false;
|
|
849
760
|
}
|
|
850
761
|
} catch (e) {
|
|
@@ -892,47 +803,9 @@ const scrollBackToStart = () => {
|
|
|
892
803
|
}
|
|
893
804
|
}
|
|
894
805
|
|
|
895
|
-
const refreshShopifyBuyButtons = () => {
|
|
896
|
-
postDataConfig.forEach((item) => {
|
|
897
|
-
if (item.acf_fc_layout === "shopify_add_to_cart") {
|
|
898
|
-
document.dispatchEvent(
|
|
899
|
-
new Event('shop-refresh')
|
|
900
|
-
)
|
|
901
|
-
}
|
|
902
|
-
})
|
|
903
|
-
}
|
|
904
|
-
|
|
905
|
-
const showAllMarkets = ref(false);
|
|
906
|
-
const onMarketToggle = async () => {
|
|
907
|
-
isLoading.value = true;
|
|
908
|
-
page.value = 1;
|
|
909
|
-
resetPage();
|
|
910
|
-
const previousPosts = [...allPosts.items];
|
|
911
|
-
try {
|
|
912
|
-
await loadMorePosts(null, { replace: true });
|
|
913
|
-
isLoading.value = false;
|
|
914
|
-
} catch (e) {
|
|
915
|
-
console.error("Market toggle failed:", e);
|
|
916
|
-
allPosts.items = previousPosts;
|
|
917
|
-
isLoading.value = false;
|
|
918
|
-
}
|
|
919
|
-
};
|
|
920
|
-
|
|
921
806
|
onMounted(() => {
|
|
922
807
|
getLoadMoreStatusParam();
|
|
923
808
|
setupFilterLayout();
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
setTimeout(() => {
|
|
928
|
-
reviews.init();
|
|
929
|
-
if (enableShopify) {
|
|
930
|
-
shop.loadShops();
|
|
931
|
-
refreshShopifyBuyButtons();
|
|
932
|
-
}
|
|
933
|
-
if (!allPosts.items.length) {
|
|
934
|
-
loadMorePosts();
|
|
935
|
-
}
|
|
936
|
-
}, 500);
|
|
809
|
+
loadMorePosts();
|
|
937
810
|
});
|
|
938
811
|
</script>
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
},
|
|
175
175
|
{
|
|
176
176
|
"key": "field_6867bcf259d1a",
|
|
177
|
-
"label": "Block
|
|
177
|
+
"label": "Block",
|
|
178
178
|
"name": "",
|
|
179
179
|
"aria-label": "",
|
|
180
180
|
"type": "accordion",
|
|
@@ -186,13 +186,9 @@
|
|
|
186
186
|
"class": "",
|
|
187
187
|
"id": ""
|
|
188
188
|
},
|
|
189
|
-
"user_roles": [
|
|
190
|
-
"administrator"
|
|
191
|
-
],
|
|
192
189
|
"open": 0,
|
|
193
190
|
"multi_expand": 0,
|
|
194
|
-
"endpoint": 0
|
|
195
|
-
"wpml_cf_preferences": 3
|
|
191
|
+
"endpoint": 0
|
|
196
192
|
},
|
|
197
193
|
{
|
|
198
194
|
"key": "field_6867bcf25a085",
|
|
@@ -208,7 +204,6 @@
|
|
|
208
204
|
"class": "",
|
|
209
205
|
"id": ""
|
|
210
206
|
},
|
|
211
|
-
"wpml_cf_preferences": 3,
|
|
212
207
|
"clone": [
|
|
213
208
|
"group_689f649af2ac4"
|
|
214
209
|
],
|
|
@@ -224,7 +219,7 @@
|
|
|
224
219
|
},
|
|
225
220
|
{
|
|
226
221
|
"key": "field_6867bcf25a500",
|
|
227
|
-
"label": "Block
|
|
222
|
+
"label": "Block end",
|
|
228
223
|
"name": "",
|
|
229
224
|
"aria-label": "",
|
|
230
225
|
"type": "accordion",
|
|
@@ -236,10 +231,6 @@
|
|
|
236
231
|
"class": "",
|
|
237
232
|
"id": ""
|
|
238
233
|
},
|
|
239
|
-
"wpml_cf_preferences": 3,
|
|
240
|
-
"user_roles": [
|
|
241
|
-
"administrator"
|
|
242
|
-
],
|
|
243
234
|
"open": 0,
|
|
244
235
|
"multi_expand": 0,
|
|
245
236
|
"endpoint": 1
|
|
@@ -263,13 +254,13 @@
|
|
|
263
254
|
"active": true,
|
|
264
255
|
"description": "",
|
|
265
256
|
"show_in_rest": 0,
|
|
257
|
+
"display_title": "",
|
|
266
258
|
"acfe_autosync": [
|
|
267
259
|
"json"
|
|
268
260
|
],
|
|
269
|
-
"acfml_field_group_mode": "localization",
|
|
270
261
|
"acfe_form": 0,
|
|
271
262
|
"acfe_display_title": "",
|
|
272
263
|
"acfe_meta": "",
|
|
273
264
|
"acfe_note": "",
|
|
274
|
-
"modified":
|
|
265
|
+
"modified": 1761474179
|
|
275
266
|
}
|
|
@@ -18,6 +18,6 @@
|
|
|
18
18
|
{{ include('components/wysiwyg-editor-v3.twig', { fields, block, blockClassName}, with_context = false, ignore_missing = true) }}
|
|
19
19
|
{% endif %}
|
|
20
20
|
|
|
21
|
-
{{ include('components/social-networks-v3.twig', {fields, block, blockClassName, is_preview,
|
|
21
|
+
{{ include('components/social-networks-v3.twig', {fields, block, blockClassName, is_preview, options}, with_context = false, ignore_missing = true) }}
|
|
22
22
|
{{htmlEntryPoint}}
|
|
23
23
|
</section>
|
|
@@ -293,7 +293,6 @@
|
|
|
293
293
|
"class": "",
|
|
294
294
|
"id": ""
|
|
295
295
|
},
|
|
296
|
-
"wpml_cf_preferences": 3,
|
|
297
296
|
"clone": [
|
|
298
297
|
"group_689f649af2ac4"
|
|
299
298
|
],
|
|
@@ -423,13 +422,13 @@
|
|
|
423
422
|
"active": true,
|
|
424
423
|
"description": "Library version - Do not modify in this project as any changes will be overwritten by future updates.",
|
|
425
424
|
"show_in_rest": 0,
|
|
425
|
+
"display_title": "",
|
|
426
426
|
"acfe_autosync": [
|
|
427
427
|
"json"
|
|
428
428
|
],
|
|
429
|
-
"acfml_field_group_mode": "localization",
|
|
430
429
|
"acfe_form": 0,
|
|
431
430
|
"acfe_display_title": "",
|
|
432
431
|
"acfe_meta": "",
|
|
433
432
|
"acfe_note": "",
|
|
434
|
-
"modified":
|
|
433
|
+
"modified": 1761474994
|
|
435
434
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
{% set displaytype = 'grid' %}
|
|
4
4
|
|
|
5
5
|
{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
|
|
6
|
-
{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, cta_styles, environment,
|
|
6
|
+
{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, cta_styles, environment, is_preview, nav_menus, imageSizes }, with_context = false) %}
|
|
7
7
|
{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
|
|
8
8
|
{% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
|
|
9
9
|
{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
{{sectionStyles}}
|
|
16
16
|
}
|
|
17
17
|
</style>
|
|
18
|
-
<section {{ block.anchor ? 'id=' ~ block.anchor : '' }}
|
|
19
|
-
|
|
18
|
+
<section {{ block.anchor ? 'id=' ~ block.anchor : '' }} class="{{blockClassName}} {{fields.section_class}} {{classNameEntryPoint}} {{ block.id }} lazy-fade" {{dataAttributeEntryPoint}} data-assetkey="{{blockClassName}}">
|
|
20
19
|
{{htmlEntryPoint}}
|
|
21
20
|
</section>
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
}
|
|
49
49
|
</style>
|
|
50
50
|
<div class="{{blockClassName}}__block-container cmpl-core-group-container-styles__block-container {{block.id}}">
|
|
51
|
-
{{ include('blocks/' ~ (section.acf_fc_layout|replace({ '_': '-' })) ~ '.twig', { fields: section, options, block,
|
|
51
|
+
{{ include('blocks/' ~ (section.acf_fc_layout|replace({ '_': '-' })) ~ '.twig', { fields: section, options, block, post, is_preview, site, cta_styles, languages, imageSizes, loop: loop.index }, with_context = false, ignore_missing = true) }}
|
|
52
52
|
</div>
|
|
53
53
|
{% endfor %}
|
|
54
54
|
</div>
|
|
@@ -430,7 +430,15 @@
|
|
|
430
430
|
"type": "text",
|
|
431
431
|
"instructions": "Add your timeline function with the appropriate arguments or leave blank for no timeline.\r\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline",
|
|
432
432
|
"required": 0,
|
|
433
|
-
"conditional_logic":
|
|
433
|
+
"conditional_logic": [
|
|
434
|
+
[
|
|
435
|
+
{
|
|
436
|
+
"field": "field_689f39c38fbd7",
|
|
437
|
+
"operator": "==",
|
|
438
|
+
"value": "1"
|
|
439
|
+
}
|
|
440
|
+
]
|
|
441
|
+
],
|
|
434
442
|
"wrapper": {
|
|
435
443
|
"width": "",
|
|
436
444
|
"class": "",
|
|
@@ -468,5 +476,5 @@
|
|
|
468
476
|
"acfe_display_title": "",
|
|
469
477
|
"acfe_meta": "",
|
|
470
478
|
"acfe_note": "",
|
|
471
|
-
"modified":
|
|
479
|
+
"modified": 1761217399
|
|
472
480
|
}
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
|
|
2
|
-
|
|
3
|
-
|
|
4
1
|
{% set paddingVertMultiplierDesktopTop = "--padding-block-multiplier-desktop-top: 0;" %}
|
|
5
2
|
{% set paddingVertMultiplierDesktopBottom = "--padding-block-multiplier-desktop-bottom: 0;" %}
|
|
6
3
|
{% set paddingHorizMultiplierDesktopRight = "--padding-inline-multiplier-desktop-right: 0;" %}
|
|
@@ -18,35 +15,18 @@
|
|
|
18
15
|
{% set paddingVertMultiplierMobile = "--padding-block-multiplier-mobile: 0;" %}
|
|
19
16
|
|
|
20
17
|
{% if fields.enable_block_padding %}
|
|
21
|
-
{% set
|
|
22
|
-
{% set
|
|
23
|
-
{% set
|
|
24
|
-
{% set
|
|
25
|
-
{% set
|
|
26
|
-
{% set
|
|
27
|
-
{% set
|
|
28
|
-
{% set
|
|
29
|
-
{% set
|
|
30
|
-
{% set
|
|
31
|
-
{% set
|
|
32
|
-
{% set
|
|
33
|
-
{% set paddingHorizMultiplierMobileRight = "--padding-inline-multiplier-mobile-right:" ~ fields.block_horizontal_padding_mobile ~ ";" %}
|
|
34
|
-
{% set paddingHorizMultiplierMobileLeft = "--padding-inline-multiplier-mobile-left:" ~ fields.block_horizontal_padding_mobile ~ ";" %}
|
|
35
|
-
{% set paddingVertMultiplierMobile = "--padding-block-multiplier-mobile:" ~ fields.block_vertical_padding_mobile ~ ";" %}
|
|
36
|
-
{% if fields.enable_advanced_block_padding_controls %}
|
|
37
|
-
{% set paddingVertMultiplierMobileTop = "--padding-block-multiplier-mobile-top:" ~ fields.block_vertical_padding_mobile_top ~ ";" %}
|
|
38
|
-
{% set paddingVertMultiplierMobileBottom = "--padding-block-multiplier-mobile-bottom:" ~ fields.block_vertical_padding_mobile_bottom ~ ";" %}
|
|
39
|
-
{% set paddingHorizMultiplierMobileRight = "--padding-inline-multiplier-mobile-right:" ~ fields.block_horizontal_padding_mobile_right ~ ";" %}
|
|
40
|
-
{% set paddingHorizMultiplierMobileLeft = "--padding-inline-multiplier-mobile-left:" ~ fields.block_horizontal_padding_mobile_left ~ ";" %}
|
|
41
|
-
{% set paddingVertMultiplierPortraitTop = "--padding-block-multiplier-portrait-top:" ~ fields.block_vertical_padding_portrait_top ~ ";" %}
|
|
42
|
-
{% set paddingVertMultiplierPortraitBottom = "--padding-block-multiplier-portrait-bottom:" ~ fields.block_vertical_padding_portrait_bottom ~ ";" %}
|
|
43
|
-
{% set paddingHorizMultiplierPortraitRight = "--padding-inline-multiplier-portrait-right:" ~ fields.block_horizontal_padding_portrait_right ~ ";" %}
|
|
44
|
-
{% set paddingHorizMultiplierPortraitLeft = "--padding-inline-multiplier-portrait-left:" ~ fields.block_horizontal_padding_portrait_left ~ ";" %}
|
|
45
|
-
{% set paddingVertMultiplierDesktopTop = "--padding-block-multiplier-desktop-top:" ~ fields.block_vertical_padding_desktop_top ~ ";" %}
|
|
46
|
-
{% set paddingVertMultiplierDesktopBottom = "--padding-block-multiplier-desktop-bottom:" ~ fields.block_vertical_padding_desktop_bottom ~ ";" %}
|
|
47
|
-
{% set paddingHorizMultiplierDesktopRight = "--padding-inline-multiplier-desktop-right:" ~ fields.block_horizontal_padding_desktop_right ~ ";" %}
|
|
48
|
-
{% set paddingHorizMultiplierDesktopLeft = "--padding-inline-multiplier-desktop-left:" ~ fields.block_horizontal_padding_desktop_left ~ ";" %}
|
|
49
|
-
{% endif %}
|
|
18
|
+
{% set paddingVertMultiplierMobileTop = "--padding-block-multiplier-mobile-top:" ~ fields.block_vertical_padding_mobile_top ~ ";" %}
|
|
19
|
+
{% set paddingVertMultiplierMobileBottom = "--padding-block-multiplier-mobile-bottom:" ~ fields.block_vertical_padding_mobile_bottom ~ ";" %}
|
|
20
|
+
{% set paddingHorizMultiplierMobileRight = "--padding-inline-multiplier-mobile-right:" ~ fields.block_horizontal_padding_mobile_right ~ ";" %}
|
|
21
|
+
{% set paddingHorizMultiplierMobileLeft = "--padding-inline-multiplier-mobile-left:" ~ fields.block_horizontal_padding_mobile_left ~ ";" %}
|
|
22
|
+
{% set paddingVertMultiplierPortraitTop = "--padding-block-multiplier-portrait-top:" ~ fields.block_vertical_padding_portrait_top ~ ";" %}
|
|
23
|
+
{% set paddingVertMultiplierPortraitBottom = "--padding-block-multiplier-portrait-bottom:" ~ fields.block_vertical_padding_portrait_bottom ~ ";" %}
|
|
24
|
+
{% set paddingHorizMultiplierPortraitRight = "--padding-inline-multiplier-portrait-right:" ~ fields.block_horizontal_padding_portrait_right ~ ";" %}
|
|
25
|
+
{% set paddingHorizMultiplierPortraitLeft = "--padding-inline-multiplier-portrait-left:" ~ fields.block_horizontal_padding_portrait_left ~ ";" %}
|
|
26
|
+
{% set paddingVertMultiplierDesktopTop = "--padding-block-multiplier-desktop-top:" ~ fields.block_vertical_padding_desktop_top ~ ";" %}
|
|
27
|
+
{% set paddingVertMultiplierDesktopBottom = "--padding-block-multiplier-desktop-bottom:" ~ fields.block_vertical_padding_desktop_bottom ~ ";" %}
|
|
28
|
+
{% set paddingHorizMultiplierDesktopRight = "--padding-inline-multiplier-desktop-right:" ~ fields.block_horizontal_padding_desktop_right ~ ";" %}
|
|
29
|
+
{% set paddingHorizMultiplierDesktopLeft = "--padding-inline-multiplier-desktop-left:" ~ fields.block_horizontal_padding_desktop_left ~ ";" %}
|
|
50
30
|
{% endif %}
|
|
51
31
|
|
|
52
32
|
{% set blockPaddingString = paddingVertMultiplierDesktop ~ paddingVertMultiplierDesktopTop ~ paddingVertMultiplierDesktopBottom ~ paddingHorizMultiplierDesktopRight ~ paddingHorizMultiplierDesktopLeft ~ paddingVertMultiplierMobileTop ~ paddingVertMultiplierMobileBottom ~ paddingHorizMultiplierMobileLeft ~ paddingHorizMultiplierMobileRight ~ paddingVertMultiplierMobile ~ paddingVertMultiplierPortraitTop ~ paddingVertMultiplierPortraitBottom ~ paddingHorizMultiplierPortraitLeft ~ paddingHorizMultiplierPortraitRight ~ paddingVertMultiplierPortrait %}
|