@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.
Files changed (38) hide show
  1. package/components/block-form-selection-v3/form-selection-v3.twig +1 -1
  2. package/components/block-group-container-v3/group-container-v3.twig +3 -2
  3. package/components/block-group-container-v3/group_6865578ada499.json +98 -1
  4. package/components/block-market-selector-v3/market-selector-v3.twig +1 -1
  5. package/components/block-nav-menu-container-v3/nav-menu-container-v3.twig +0 -4
  6. package/components/block-post-info-v3/post-info-v3.twig +0 -1
  7. package/components/block-post-type-filter-grid-v3/group_64690c62487bc.json +437 -71
  8. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/post-title-widget.vue +2 -2
  9. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3/ptfg-utils.vue +4 -1
  10. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.js +3 -3
  11. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.scss +12 -6
  12. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.twig +14 -39
  13. package/components/block-post-type-filter-grid-v3/post-type-filter-grid-v3.vue +9 -136
  14. package/components/block-single-responsive-image-v3/group_6867bcf24c2fc.json +5 -14
  15. package/components/block-social-networks-v3/social-networks-v3.twig +1 -1
  16. package/components/block-standard-content-v3/group_68655756737c9.json +2 -3
  17. package/components/block-standard-content-v3/standard-content-v3.twig +2 -3
  18. package/components/block-sub-group-container-v3/sub-group-container-v3.twig +1 -1
  19. package/components/component-animations-v3/group_689f39c37980a.json +10 -2
  20. package/components/component-block-padding-v3/block-padding-v3.twig +12 -32
  21. package/components/component-block-padding-v3/group_689f66f3e26df.json +15 -369
  22. package/components/component-block-settings-v3/group_689f649af2ac4.json +182 -52
  23. package/components/component-content-box-v3/content-box-v3.twig +2 -2
  24. package/components/component-content-image-v3/content-image-v3.twig +3 -4
  25. package/components/component-core-head-v3/core-head-v3.twig +12 -13
  26. package/components/component-e-shop-settings-v3/e-shop-settings-v3.twig +93 -66
  27. package/components/component-responsive-image-v3/responsive-image-v3.twig +6 -8
  28. package/components/entrypoint-entry-point-html-v3/entry-point-html-v3.twig +1 -1
  29. package/components/fields-archive-pages-v3/group_635e777ce46d4.json +150 -0
  30. package/components/fields-modal-popup-content-v3/modal-popup-content-v3.twig +3 -3
  31. package/package.json +1 -1
  32. package/components/block-standard-content-v3/standard-content-v3.js +0 -39
  33. package/components/block-standard-content-v3/standard-content-v3.scss +0 -9
  34. package/components/block-sub-group-container-v3/sub-group-container-v3.js +0 -9
  35. package/components/block-sub-group-container-v3/sub-group-container-v3.scss +0 -27
  36. package/components/component-athena-body-close-v3/athena-body-close-v3.twig +0 -2
  37. package/components/component-athena-body-open-v3/athena-body-open-v3.twig +0 -32
  38. package/components/component-athena-head-v3/athena-head-v3.twig +0 -63
@@ -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 style-svg`" v-if="element.enable_icon"
18
- :src="ctaIcons.cta_load_more_icon" alt="title icon">
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 posttypefiltergridv3 from './post-type-filter-grid-v3.vue';
2
+ import posttypefiltergridv2 from 'Assets/vue/blocks/post-type-filter-grid-v3.vue';
3
3
 
4
- export default function posttypefiltergridv3Js(options = {}) {
4
+ export default function posttypefiltergridv2Js(options = {}) {
5
5
  try {
6
6
  const {block} = options;
7
7
  const mountElement = block.children[0];
8
- createApp(posttypefiltergridv3, {...mountElement.dataset}).mount(
8
+ createApp(posttypefiltergridv2, {...mountElement.dataset}).mount(
9
9
  mountElement
10
10
  );
11
11
  } catch (error) {
@@ -1,9 +1,9 @@
1
- @use '../fields-core-mixins-v3/core-mixins-v3';
2
- @use '../fields-core-functions-v3/core-functions-v3';
3
- @use '../../breakpoints';
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 '../component-grid-layout-element-v3/grid-layout-element-v3';
6
- @use '../component-element-positioning-v3/element-positioning-v3';
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(.post-type-filter-grid-v3__post-link, .post-type-filter-grid-v3__product-buy-now, .post-type-filter-grid-v3__post-image-container-link, .post-type-filter-grid-v3__post-tags, .post-type-filter-grid-v3__shopify) {
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[postType ~ '_data'][postType ~ '_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.theme_cta_styles,
138
- cta_icons: options.theme_cta_icons,
139
- global_images: options.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 v-if="
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
- // const loadMoreAnimationStyle =
273
- // ctaStyles[parseInt(loadMoreButtonStyle) - 1]?.cta_settings
274
- // ?.cta_animation_style;
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
- if (enableFeaturedPost) {
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
- setTimeout(() => {
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", showAllMarkets.value ? "en" : ptfgData.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
- setTimeout(() => {
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
- reservebarPopup();
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 settings",
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 settings end",
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": 1759402930
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, market_settings, options}, with_context = false, ignore_missing = true) }}
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": 1758141015
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, market_settings, is_preview, nav_menus, imageSizes }, with_context = false) %}
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 : '' }} data-assetkey="{{blockClassName}}" class="{{blockClassName}} {{block.className}} {{fields.section_class}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} {{ block.id }} lazy-fade" {{dataAttributeEntryPoint}}>
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, is_preview, current, nav_menus, site, cta_styles, global_settings, market_settings, languages, imageSizes, loop: loop.index }, with_context = false, ignore_missing = true) }}
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": 0,
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": 1761207280
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 paddingVertMultiplierDesktopTop = "--padding-block-multiplier-desktop-top:" ~ fields.block_vertical_padding_desktop ~ ";" %}
22
- {% set paddingVertMultiplierDesktopBottom = "--padding-block-multiplier-desktop-bottom:" ~ fields.block_vertical_padding_desktop ~ ";" %}
23
- {% set paddingHorizMultiplierDesktopRight = "--padding-inline-multiplier-desktop-right:" ~ fields.block_horizontal_padding_desktop ~ ";" %}
24
- {% set paddingHorizMultiplierDesktopLeft = "--padding-inline-multiplier-desktop-left:" ~ fields.block_horizontal_padding_desktop ~ ";" %}
25
- {% set paddingVertMultiplierDesktop = "--padding-block-multiplier-desktop:" ~ fields.block_vertical_padding_desktop ~ ";" %}
26
- {% set paddingVertMultiplierPortraitTop = "--padding-block-multiplier-portrait-top:" ~ fields.block_vertical_padding_portrait ~ ";" %}
27
- {% set paddingVertMultiplierPortraitBottom = "--padding-block-multiplier-portrait-bottom:" ~ fields.block_vertical_padding_portrait ~ ";" %}
28
- {% set paddingHorizMultiplierPortraitRight = "--padding-inline-multiplier-portrait-right:" ~ fields.block_horizontal_padding_portrait ~ ";" %}
29
- {% set paddingHorizMultiplierPortraitLeft = "--padding-inline-multiplier-portrait-left:" ~ fields.block_horizontal_padding_portrait ~ ";" %}
30
- {% set paddingVertMultiplierPortrait = "--padding-block-multiplier-portrait:" ~ fields.block_vertical_padding_portrait ~ ";" %}
31
- {% set paddingVertMultiplierMobileTop = "--padding-block-multiplier-mobile-top:" ~ fields.block_vertical_padding_mobile ~ ";" %}
32
- {% set paddingVertMultiplierMobileBottom = "--padding-block-multiplier-mobile-bottom:" ~ fields.block_vertical_padding_mobile ~ ";" %}
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 %}