@total_onion/onion-library 2.0.63 → 2.0.66

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.
@@ -32,7 +32,7 @@
32
32
 
33
33
  <div class="{{blockClassName}}__other-images">
34
34
  {% for image in images %}
35
- <div class="{{blockClassName}}__image-wrapper">
35
+ <div class="{{blockClassName}}__image-wrapper {{loop.index == 1 ? blockClassName ~ '__image-wrapper--active' : ''}}">
36
36
  {% set image = get_image(image.image) %}
37
37
  {% set srcset = gt_image_srcset(image) %}
38
38
  {% set mainImageSrc = gt_image_mainsrc(image) %}
@@ -375,6 +375,376 @@
375
375
  "acfe_layout_col": "auto",
376
376
  "acfe_layout_allowed_col": false
377
377
  },
378
+ "layout_68ef8cfb4cd6b": {
379
+ "key": "layout_68ef8cfb4cd6b",
380
+ "name": "post_buy_now",
381
+ "label": "Post Buy Now",
382
+ "display": "block",
383
+ "sub_fields": [
384
+ {
385
+ "key": "field_68ef8cfb4cd70",
386
+ "label": "Grid layout",
387
+ "name": "",
388
+ "aria-label": "",
389
+ "type": "tab",
390
+ "instructions": "",
391
+ "required": 0,
392
+ "conditional_logic": 0,
393
+ "wrapper": {
394
+ "width": "",
395
+ "class": "",
396
+ "id": ""
397
+ },
398
+ "wpml_cf_preferences": 3,
399
+ "placement": "top",
400
+ "endpoint": 0,
401
+ "no_preference": 0,
402
+ "selected": 0
403
+ },
404
+ {
405
+ "key": "field_68ef8cfb4cd71",
406
+ "label": "Grid layout",
407
+ "name": "grid_layout",
408
+ "aria-label": "",
409
+ "type": "clone",
410
+ "instructions": "",
411
+ "required": 0,
412
+ "conditional_logic": 0,
413
+ "wrapper": {
414
+ "width": "",
415
+ "class": "",
416
+ "id": ""
417
+ },
418
+ "wpml_cf_preferences": 3,
419
+ "clone": [
420
+ "group_68822860bda9f"
421
+ ],
422
+ "display": "seamless",
423
+ "layout": "block",
424
+ "prefix_label": 0,
425
+ "prefix_name": 0,
426
+ "acfe_seamless_style": 0,
427
+ "acfe_clone_modal": 0,
428
+ "acfe_clone_modal_close": 0,
429
+ "acfe_clone_modal_button": "",
430
+ "acfe_clone_modal_size": "large"
431
+ },
432
+ {
433
+ "key": "field_68ef8cfb4cd72",
434
+ "label": "Style",
435
+ "name": "",
436
+ "aria-label": "",
437
+ "type": "tab",
438
+ "instructions": "",
439
+ "required": 0,
440
+ "conditional_logic": 0,
441
+ "wrapper": {
442
+ "width": "",
443
+ "class": "",
444
+ "id": ""
445
+ },
446
+ "wpml_cf_preferences": 3,
447
+ "placement": "top",
448
+ "endpoint": 0,
449
+ "no_preference": 0,
450
+ "selected": 0
451
+ },
452
+ {
453
+ "key": "field_68ef8cfb4cd73",
454
+ "label": "Cta style select",
455
+ "name": "cta_style_select",
456
+ "aria-label": "",
457
+ "type": "select",
458
+ "instructions": "",
459
+ "required": 0,
460
+ "conditional_logic": 0,
461
+ "wrapper": {
462
+ "width": "",
463
+ "class": "",
464
+ "id": ""
465
+ },
466
+ "wpml_cf_preferences": 3,
467
+ "choices": {
468
+ "__default": "Default",
469
+ "__post-colour": "Post Colour",
470
+ "__post-text-colour-style": "Post text colour style"
471
+ },
472
+ "default_value": false,
473
+ "return_format": "value",
474
+ "multiple": 0,
475
+ "prepend": "",
476
+ "append": "",
477
+ "allow_null": 0,
478
+ "ui": 0,
479
+ "ajax": 0,
480
+ "placeholder": "",
481
+ "allow_custom": 0,
482
+ "search_placeholder": "",
483
+ "min": "",
484
+ "max": ""
485
+ },
486
+ {
487
+ "key": "field_68ef8cfb4cd74",
488
+ "label": "Cta style",
489
+ "name": "cta_style",
490
+ "aria-label": "",
491
+ "type": "select",
492
+ "instructions": "",
493
+ "required": 0,
494
+ "conditional_logic": 0,
495
+ "wrapper": {
496
+ "width": "",
497
+ "class": "",
498
+ "id": ""
499
+ },
500
+ "wpml_cf_preferences": 3,
501
+ "choices": {
502
+ "1": "Bally 1",
503
+ "2": "Bally 2",
504
+ "3": "Bally 3",
505
+ "4": "Bally 4",
506
+ "5": "Bally 5"
507
+ },
508
+ "default_value": 1,
509
+ "return_format": "value",
510
+ "multiple": 0,
511
+ "allow_custom": 0,
512
+ "search_placeholder": "",
513
+ "prepend": "",
514
+ "append": "",
515
+ "allow_null": 0,
516
+ "ui": 1,
517
+ "ajax": 0,
518
+ "placeholder": "",
519
+ "min": "",
520
+ "max": ""
521
+ },
522
+ {
523
+ "key": "field_68ef8cfb4cd75",
524
+ "label": "CTA Alignment",
525
+ "name": "",
526
+ "aria-label": "",
527
+ "type": "accordion",
528
+ "instructions": "",
529
+ "required": 0,
530
+ "conditional_logic": 0,
531
+ "wrapper": {
532
+ "width": "",
533
+ "class": "",
534
+ "id": ""
535
+ },
536
+ "wpml_cf_preferences": 3,
537
+ "open": 0,
538
+ "multi_expand": 0,
539
+ "endpoint": 0
540
+ },
541
+ {
542
+ "key": "field_68ef8cfb4cd76",
543
+ "label": "Cta alignment",
544
+ "name": "cta_alignment",
545
+ "aria-label": "",
546
+ "type": "clone",
547
+ "instructions": "",
548
+ "required": 0,
549
+ "conditional_logic": 0,
550
+ "wrapper": {
551
+ "width": "",
552
+ "class": "",
553
+ "id": ""
554
+ },
555
+ "wpml_cf_preferences": 3,
556
+ "clone": [
557
+ "field_64b24a4e1d0b0"
558
+ ],
559
+ "display": "seamless",
560
+ "layout": "block",
561
+ "prefix_label": 0,
562
+ "prefix_name": 0,
563
+ "acfe_seamless_style": 0,
564
+ "acfe_clone_modal": 0,
565
+ "acfe_clone_modal_close": 0,
566
+ "acfe_clone_modal_button": "",
567
+ "acfe_clone_modal_size": "large"
568
+ },
569
+ {
570
+ "key": "field_68ef8cfb4cd77",
571
+ "label": "Cta alignment portrait",
572
+ "name": "cta_alignment_portrait",
573
+ "aria-label": "",
574
+ "type": "clone",
575
+ "instructions": "",
576
+ "required": 0,
577
+ "conditional_logic": 0,
578
+ "wrapper": {
579
+ "width": "",
580
+ "class": "",
581
+ "id": ""
582
+ },
583
+ "wpml_cf_preferences": 3,
584
+ "clone": [
585
+ "field_66f2e285a5748"
586
+ ],
587
+ "display": "seamless",
588
+ "layout": "block",
589
+ "prefix_label": 0,
590
+ "prefix_name": 0,
591
+ "acfe_seamless_style": 0,
592
+ "acfe_clone_modal": 0,
593
+ "acfe_clone_modal_close": 0,
594
+ "acfe_clone_modal_button": "",
595
+ "acfe_clone_modal_size": "large"
596
+ },
597
+ {
598
+ "key": "field_68ef8cfb4cd78",
599
+ "label": "Cta alignment mobile",
600
+ "name": "cta_alignment_mobile",
601
+ "aria-label": "",
602
+ "type": "clone",
603
+ "instructions": "",
604
+ "required": 0,
605
+ "conditional_logic": 0,
606
+ "wrapper": {
607
+ "width": "",
608
+ "class": "",
609
+ "id": ""
610
+ },
611
+ "wpml_cf_preferences": 3,
612
+ "clone": [
613
+ "field_66f2e28ea5749"
614
+ ],
615
+ "display": "seamless",
616
+ "layout": "block",
617
+ "prefix_label": 0,
618
+ "prefix_name": 0,
619
+ "acfe_seamless_style": 0,
620
+ "acfe_clone_modal": 0,
621
+ "acfe_clone_modal_close": 0,
622
+ "acfe_clone_modal_button": "",
623
+ "acfe_clone_modal_size": "large"
624
+ },
625
+ {
626
+ "key": "field_68ef8cfb4cd79",
627
+ "label": "CTA Alignment",
628
+ "name": "",
629
+ "aria-label": "",
630
+ "type": "accordion",
631
+ "instructions": "",
632
+ "required": 0,
633
+ "conditional_logic": 0,
634
+ "wrapper": {
635
+ "width": "",
636
+ "class": "",
637
+ "id": ""
638
+ },
639
+ "wpml_cf_preferences": 3,
640
+ "open": 0,
641
+ "multi_expand": 0,
642
+ "endpoint": 1
643
+ },
644
+ {
645
+ "key": "field_68ef8cfb4cd7a",
646
+ "label": "Text",
647
+ "name": "",
648
+ "aria-label": "",
649
+ "type": "tab",
650
+ "instructions": "",
651
+ "required": 0,
652
+ "conditional_logic": 0,
653
+ "wrapper": {
654
+ "width": "",
655
+ "class": "",
656
+ "id": ""
657
+ },
658
+ "wpml_cf_preferences": 3,
659
+ "placement": "top",
660
+ "endpoint": 0,
661
+ "no_preference": 0,
662
+ "selected": 0
663
+ },
664
+ {
665
+ "key": "field_68ef8cfb4cd7b",
666
+ "label": "Post link text",
667
+ "name": "post_link_text",
668
+ "aria-label": "",
669
+ "type": "text",
670
+ "instructions": "",
671
+ "required": 0,
672
+ "conditional_logic": 0,
673
+ "wrapper": {
674
+ "width": "",
675
+ "class": "",
676
+ "id": ""
677
+ },
678
+ "wpml_cf_preferences": 2,
679
+ "default_value": "Buy Now",
680
+ "maxlength": "",
681
+ "placeholder": "",
682
+ "prepend": "",
683
+ "append": ""
684
+ },
685
+ {
686
+ "key": "field_68ef8d384cd7c",
687
+ "label": "Buy Now Button",
688
+ "name": "",
689
+ "aria-label": "",
690
+ "type": "tab",
691
+ "instructions": "",
692
+ "required": 0,
693
+ "conditional_logic": 0,
694
+ "wrapper": {
695
+ "width": "",
696
+ "class": "",
697
+ "id": ""
698
+ },
699
+ "wpml_cf_preferences": 0,
700
+ "placement": "top",
701
+ "endpoint": 0,
702
+ "no_preference": 0,
703
+ "selected": 0
704
+ },
705
+ {
706
+ "key": "field_68ef8d434cd7d",
707
+ "label": "Post Buy Now Fields",
708
+ "name": "post_buy_now_fields",
709
+ "aria-label": "",
710
+ "type": "clone",
711
+ "instructions": "",
712
+ "required": 0,
713
+ "conditional_logic": 0,
714
+ "wrapper": {
715
+ "width": "",
716
+ "class": "",
717
+ "id": ""
718
+ },
719
+ "wpml_cf_preferences": 0,
720
+ "clone": [
721
+ "group_658430fa58bf1"
722
+ ],
723
+ "display": "seamless",
724
+ "layout": "block",
725
+ "prefix_label": 0,
726
+ "prefix_name": 0,
727
+ "acfe_seamless_style": 0,
728
+ "acfe_clone_modal": 0,
729
+ "acfe_clone_modal_close": 0,
730
+ "acfe_clone_modal_button": "",
731
+ "acfe_clone_modal_size": "large"
732
+ }
733
+ ],
734
+ "min": "",
735
+ "max": "",
736
+ "acfe_flexible_render_template": false,
737
+ "acfe_flexible_render_style": false,
738
+ "acfe_flexible_render_script": false,
739
+ "acfe_flexible_thumbnail": false,
740
+ "acfe_flexible_settings": false,
741
+ "acfe_flexible_settings_size": "medium",
742
+ "acfe_layout_locations": [],
743
+ "acfe_flexible_modal_edit_size": false,
744
+ "acfe_flexible_category": false,
745
+ "acfe_layout_col": "auto",
746
+ "acfe_layout_allowed_col": false
747
+ },
378
748
  "layout_6892115b57e2c": {
379
749
  "key": "layout_6892115b57e2c",
380
750
  "name": "post_video",
@@ -2202,7 +2572,7 @@
2202
2572
  "class": "",
2203
2573
  "id": ""
2204
2574
  },
2205
- "wpml_cf_preferences": 0,
2575
+ "wpml_cf_preferences": 3,
2206
2576
  "clone": [
2207
2577
  "group_687a4e2334e37"
2208
2578
  ],
@@ -2535,5 +2905,5 @@
2535
2905
  "acfe_display_title": "",
2536
2906
  "acfe_meta": "",
2537
2907
  "acfe_note": "",
2538
- "modified": 1760017434
2908
+ "modified": 1760529768
2539
2909
  }
@@ -0,0 +1,116 @@
1
+ {% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
2
+ {% set postColour = '--post-colour: ' ~ post.post_colour|ru ~ ';' %}
3
+ {% set postTextColourStyle = '--post-text-colour-style: ' ~ post.post_text_colour_style|ru ~ ';' %}
4
+ {% set ctaStyle = field.cta_style|ru %}
5
+
6
+ {% if field.cta_style_select|ru == 'post-colour' %}
7
+ {% set ctaStyle = 'post-colour' %}
8
+ {% endif %}
9
+
10
+ {% if field.cta_style_select|ru == 'post-text-colour-style' %}
11
+ {% set ctaStyle = 'post-text-colour-style' %}
12
+ {% endif %}
13
+
14
+ {% if field.cta_style|ru matches '/^\\d+$/' %}
15
+ {% set ctaData = attribute(cta_styles['theme_cta_styles'], field.cta_style|ru - 1) %}
16
+ {% set enableCtaAnimation = ctaData.cta_settings.enable_cta_animation %}
17
+ {% set enableCtaIcon = ctaData.cta_settings.include_cta_icon %}
18
+ {% endif %}
19
+
20
+ {% set widgetStyles = gridLayoutElement ~ postColour ~ postTextColourStyle %}
21
+ {% set ctaAnimationStyle = ctaData.cta_settings.cta_animation_style %}
22
+
23
+ {% set buyNowOptionSelect = post.meta('buy_now_option_select') %}
24
+
25
+ <style>
26
+ .{{blockClassName}}__post-link.{{block.id}}{
27
+ {{widgetStyles}}
28
+ }
29
+ </style>
30
+ <div class="{{blockClassName}}__post-link-container {{blockClassName}}__post-link {{blockClassName}}__info-item {{block.id}}">
31
+ {% if buyNowOptionSelect|ru == 'none' %}
32
+ <style>
33
+ .{{blockClassName}}__product-buy-now.{{block.id}}{
34
+ {{widgetStyles}}
35
+ }
36
+ </style>
37
+ <a href="#" class="{{blockClassName}}__product-buy-now {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}} {{enableCtaAnimation ? 'cmpl-cta-animation-style-' ~ ctaAnimationStyle : ''}} {{block.id}}">
38
+ <span class="{{blockClassName}}__cta-span">{{field.post_link_text}}</span>
39
+ {{icon ? '<span class="' ~ blockClassName ~ '__icon-link"><img class="style-svg" src="' ~ options.theme_cta_icons.cta_link_icon ~ '"></span>' : ""}}
40
+ </a>
41
+ {% endif %}
42
+ {% if buyNowOptionSelect|ru == 'link' %}
43
+ {% set productDirectLink = post.meta('direct_link') %}
44
+ {% set directLinkTarget = '_self' %}
45
+ {% if productDirectLink.target is not empty %}
46
+ {% set directLinkTarget = '_self' %}
47
+ {% endif %}
48
+ <style>
49
+ .{{blockClassName}}__product-buy-now {
50
+ {{widgetStyles}}
51
+ }
52
+ </style>
53
+ <a href="{{productDirectLink.url}}" class="{{blockClassName}}__product-buy-now link {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}} {{enableCtaAnimation ? 'cmpl-cta-animation-style-' ~ ctaAnimationStyle : ''}} {{block.id}}" target="{{directLinkTarget}}">
54
+ <span class="{{blockClassName}}__cta-span">{{field.post_link_text}}</span>
55
+ {{icon ? '<span class="' ~ blockClassName ~ '__icon-link"><img class="style-svg" src="' ~ options.theme_cta_icons.cta_link_icon ~ '"></span>' : ""}}
56
+ </a>
57
+ {% endif %}
58
+ {% if buyNowOptionSelect|ru == 'ctb' %}
59
+ {% set productCtbPimid = post.meta('click_to_buy_pim_id') %}
60
+ <style>
61
+ .{{blockClassName}}__product-buy-now {
62
+ {{widgetStyles}}
63
+ }
64
+ </style>
65
+ [clicktobuy class="{{blockClassName}}__product-buy-now ctb {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}} {{enableCtaAnimation ? 'cmpl-cta-animation-style-' ~ ctaAnimationStyle : ''}} {{block.id}}
66
+ cmpl-cta-animation-style-{{enableCtaAnimation ? ctaAnimationStyle : '1'}}
67
+ has-shop shop-ctb" lang="{{ postObject.meta('click_to_buy_language') }}" variant="{{productCtbPimid}}" defaultView="links" country="" customQueryString=""]
68
+ <span class="cmpl-cta-span">{{ field.post_link_text }}</span>
69
+ [/clicktobuy]
70
+ {% endif %}
71
+ {% if buyNowOptionSelect|ru == 'wtb' %}
72
+ {% set productPimDebrainId = post.meta('debrain_pim_id') %}
73
+ <style>
74
+ .{{blockClassName}}__product-buy-now {
75
+ {{widgetStyles}}
76
+ }
77
+ </style>
78
+ <a href="#" class="dloc-link {{blockClassName}}__product-buy-now wtb {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}} {{enableCtaAnimation ? 'cmpl-cta-animation-style-' ~ ctaAnimationStyle : ''}} {{block.id}}" data-action="where-to-buy" data-filter="{{productPimDebrainId}}" title="{{field.post_link_text}}">
79
+ <span class="{{blockClassName}}__cta-span">{{field.post_link_text}}</span>
80
+ {{icon ? '<span class="' ~ blockClassName ~ '__icon-link"><img class="style-svg" src="' ~ options.theme_cta_icons.cta_link_icon ~ '"></span>' : ""}}
81
+ </a>
82
+ {% endif %}
83
+ {% if buyNowOptionSelect|ru == 'wtb-v2' %}
84
+ {% set productDebrainSkuId = post.meta('debrain_sku_id') %}
85
+ <wtb-button sku={{productDebrainSkuId}}></wtb-button>
86
+ {% endif %}
87
+ {% if buyNowOptionSelect|ru == 'mikmak' %}
88
+ {% set productEANs = post.meta('mikmak_ean_ids') %}
89
+ {% set relatedProducts = post.meta('related_products') %}
90
+ {% set drawer_widget_id = attribute(market_settings['e-shop_settings'], 'mikmak_ctb_drawer_widget_id') %}
91
+ {% set relatedProductEANs = '' %}
92
+ {% for relatedPost in relatedProducts %}
93
+ {% set relatedProduct = get_post(relatedPost) %}
94
+ {% set relatedProductEANs = relatedProductEANs ~ ',' ~ relatedProduct.meta('mikmak_ean_ids')|trim(',') %}
95
+ {% endfor %}
96
+ {% set relatedProductEANs = relatedProductEANs|trim(',') %}
97
+ {# {% if productEANs is not empty and drawer_widget_id is not empty %} #}
98
+ {% if productEANs is not empty %}
99
+ {% set totalProductEANs = productEANs ~ (relatedProductEANs is not empty ? ',' ~ relatedProductEANs : '') %}
100
+ <a href="#" data-mm-wtbid="{{drawer_widget_id}}" data-mm-ids="{{totalProductEANs}}" data-mm-default-id="{{productEANs}}" class="{{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}} {{enableCtaAnimation ? 'cmpl-cta-animation-style-' ~ ctaAnimationStyle : ''}} {{block.id}} mikmak-buy-now">{{field.post_link_text}}</a>
101
+ {% endif %}
102
+ {% endif %}
103
+ {% if buyNowOptionSelect|ru == 'reservebar' %}
104
+ {% set reserveBarLiquidId = post.meta('reserve_bar_liquid_grouping_id') %}
105
+ <style>
106
+ .{{blockClassName}}__product-buy-now {
107
+ {{widgetStyles}}
108
+ }
109
+ </style>
110
+ <a href="#" class="{{blockClassName}}__product-buy-now reservebar {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}} {{enableCtaAnimation ? 'cmpl-cta-animation-style-' ~ ctaAnimationStyle : ''}} {{block.id}} reservebar-popup-trigger" title="{{field.post_link_text}}" reservebar-liquid-id="{{reserveBarLiquidId}}">
111
+ <span class="{{blockClassName}}__cta-span">{{field.post_link_text}}</span>
112
+ {{icon ? '<span class="' ~ blockClassName ~ '__icon-link"><img class="style-svg" src="' ~ options.theme_cta_icons.cta_link_icon ~ '"></span>' : ""}}
113
+ </a>
114
+ {% endif %}
115
+
116
+ </div>
@@ -3091,6 +3091,123 @@
3091
3091
  "acfe_flexible_category": false,
3092
3092
  "acfe_layout_col": "auto",
3093
3093
  "acfe_layout_allowed_col": false
3094
+ },
3095
+ "layout_68eff85cd2e83": {
3096
+ "key": "layout_68eff85cd2e83",
3097
+ "name": "spacer_v3",
3098
+ "label": "Spacer v3",
3099
+ "display": "block",
3100
+ "sub_fields": [
3101
+ {
3102
+ "key": "field_68eff85cd2e86",
3103
+ "label": "Grid Layout",
3104
+ "name": "",
3105
+ "aria-label": "",
3106
+ "type": "tab",
3107
+ "instructions": "",
3108
+ "required": 0,
3109
+ "conditional_logic": 0,
3110
+ "wrapper": {
3111
+ "width": "",
3112
+ "class": "",
3113
+ "id": ""
3114
+ },
3115
+ "wpml_cf_preferences": 3,
3116
+ "placement": "top",
3117
+ "endpoint": 0,
3118
+ "no_preference": 0,
3119
+ "selected": 0
3120
+ },
3121
+ {
3122
+ "key": "field_68eff85cd2e87",
3123
+ "label": "Grid layout",
3124
+ "name": "grid_layout",
3125
+ "aria-label": "",
3126
+ "type": "clone",
3127
+ "instructions": "",
3128
+ "required": 0,
3129
+ "conditional_logic": 0,
3130
+ "wrapper": {
3131
+ "width": "",
3132
+ "class": "",
3133
+ "id": ""
3134
+ },
3135
+ "wpml_cf_preferences": 3,
3136
+ "clone": [
3137
+ "group_68822860bda9f"
3138
+ ],
3139
+ "display": "seamless",
3140
+ "layout": "block",
3141
+ "prefix_label": 0,
3142
+ "prefix_name": 0,
3143
+ "acfe_seamless_style": 0,
3144
+ "acfe_clone_modal": 0,
3145
+ "acfe_clone_modal_close": 0,
3146
+ "acfe_clone_modal_button": "",
3147
+ "acfe_clone_modal_size": "large"
3148
+ },
3149
+ {
3150
+ "key": "field_68eff85cd2e88",
3151
+ "label": "Spacer Settings",
3152
+ "name": "",
3153
+ "aria-label": "",
3154
+ "type": "tab",
3155
+ "instructions": "",
3156
+ "required": 0,
3157
+ "conditional_logic": 0,
3158
+ "wrapper": {
3159
+ "width": "",
3160
+ "class": "",
3161
+ "id": ""
3162
+ },
3163
+ "wpml_cf_preferences": 3,
3164
+ "placement": "top",
3165
+ "endpoint": 0,
3166
+ "no_preference": 0,
3167
+ "selected": 0
3168
+ },
3169
+ {
3170
+ "key": "field_68eff85cd2e89",
3171
+ "label": "Spacer fields",
3172
+ "name": "spacer_fields",
3173
+ "aria-label": "",
3174
+ "type": "clone",
3175
+ "instructions": "",
3176
+ "required": 0,
3177
+ "conditional_logic": 0,
3178
+ "wrapper": {
3179
+ "width": "",
3180
+ "class": "",
3181
+ "id": ""
3182
+ },
3183
+ "wpml_cf_preferences": 3,
3184
+ "clone": [
3185
+ "group_686b8cb48c708"
3186
+ ],
3187
+ "display": "seamless",
3188
+ "layout": "block",
3189
+ "prefix_label": 0,
3190
+ "prefix_name": 0,
3191
+ "acfe_seamless_style": 0,
3192
+ "acfe_clone_modal": 0,
3193
+ "acfe_clone_modal_close": 0,
3194
+ "acfe_clone_modal_button": "",
3195
+ "acfe_clone_modal_size": "large"
3196
+ }
3197
+ ],
3198
+ "min": "",
3199
+ "max": "",
3200
+ "acfe_flexible_render_template": false,
3201
+ "acfe_flexible_render_style": false,
3202
+ "acfe_flexible_render_script": false,
3203
+ "acfe_flexible_thumbnail": false,
3204
+ "acfe_flexible_settings": false,
3205
+ "acfe_flexible_settings_size": "medium",
3206
+ "acfe_layout_locations": [],
3207
+ "acfe_flexible_modal_edit_size": false,
3208
+ "acfe_flexible_category": false,
3209
+ "acfe_layout_col": "auto",
3210
+ "acfe_layout_allowed_col": false
3094
3211
  }
3095
3212
  },
3096
3213
  "min": "",
@@ -3361,11 +3478,8 @@
3361
3478
  "id": ""
3362
3479
  },
3363
3480
  "wpml_cf_preferences": 3,
3364
- "user_roles": [
3365
- "administrator"
3366
- ],
3367
3481
  "clone": [
3368
- "group_638f4148bc10b"
3482
+ "group_689f66f3e26df"
3369
3483
  ],
3370
3484
  "display": "seamless",
3371
3485
  "layout": "block",
@@ -3426,5 +3540,5 @@
3426
3540
  "acfe_display_title": "",
3427
3541
  "acfe_meta": "",
3428
3542
  "acfe_note": "",
3429
- "modified": 1760445581
3543
+ "modified": 1760557221
3430
3544
  }
@@ -0,0 +1,9 @@
1
+ {% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
2
+ <style>
3
+ .{{blockClassName}}__spacer-container.{{block.id}}{
4
+ {{gridLayoutElement}}
5
+ }
6
+ </style>
7
+ <div class="{{blockClassName}}__spacer-container {{blockClassName}}__info-item {{block.id}}">
8
+ {{ include( 'blocks/spacer-v3.twig', {fields : field, block, blockClassName}, with_context = false) }}
9
+ </div>
@@ -62,7 +62,7 @@
62
62
  {% set gridTemplateColumnsCustom = gridTemplateColumnsCustomDesktop ~ gridTemplateColumnsCustomPortrait ~ gridTemplateColumnsCustomMobile %}
63
63
 
64
64
  {# Grid Auto Rows #}
65
- {% set gridAutoRows = '--grid-auto-rows-desktop: ' ~ fields.grid_layout.grid_auto_rows_desktop|ru ~ ';' %}
65
+ {% set gridAutoRowsDesktop = '--grid-auto-rows-desktop: ' ~ fields.grid_layout.grid_auto_rows_desktop|ru ~ ';' %}
66
66
  {% set gridAutoRowsPortrait = '--grid-auto-rows-portrait: ' ~ fields.grid_layout.grid_auto_rows_portrait|ru ~ ';' %}
67
67
  {% set gridAutoRowsMobile = '--grid-auto-rows-mobile: ' ~ fields.grid_layout.grid_auto_rows_mobile|ru ~ ';' %}
68
68
  {% set gridAutoRows = gridAutoRowsDesktop ~ gridAutoRowsPortrait ~ gridAutoRowsMobile %}
@@ -290,6 +290,7 @@
290
290
  animation-iteration-count: 1 !important;
291
291
  transition-duration: 0.01ms !important;
292
292
  scroll-behavior: auto !important;
293
+ transition: 0.01ms !important;
293
294
  }
294
295
  }
295
296
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@total_onion/onion-library",
3
- "version": "2.0.63",
3
+ "version": "2.0.66",
4
4
  "description": "Component library",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -1,16 +1,22 @@
1
1
  .featured-image-gallery-v3 {
2
2
  display: grid;
3
3
  grid-template: "featured" "other"/1fr;
4
- grid-gap: calc(var(--column-gap) / var(--design-reference) * var(--screen-width));
4
+ grid-gap: calc(10 / var(--design-reference) * var(--screen-width));
5
+ gap: calc(10 / var(--design-reference) * var(--screen-width));
5
6
  }
6
7
  @media screen and (min-width: 768px) {
7
8
  .featured-image-gallery-v3 {
8
9
  grid-template: "featured other"/1fr 1fr;
9
- grid-gap: calc(10 / var(--design-reference) * var(--screen-width));
10
+ grid-gap: calc(20 / var(--design-reference) * var(--screen-width));
10
11
  }
11
12
  }
12
13
  .featured-image-gallery-v3__featured-image-container {
13
14
  perspective: 1000px;
15
+ grid-area: featured;
16
+ align-self: stretch;
17
+ justify-self: stretch;
18
+ place-self: stretch;
19
+ aspect-ratio: 1;
14
20
  }
15
21
  .featured-image-gallery-v3__featured-image-container.changing-image .featured-image-gallery-v3__featured-image-inner-container {
16
22
  transform: rotateY(180deg);
@@ -31,8 +37,7 @@
31
37
  backface-visibility: hidden;
32
38
  }
33
39
  .featured-image-gallery-v3__featured-image-front {
34
- background-color: #bbb;
35
- color: black;
40
+ background-color: var(--bally-blue-dark);
36
41
  }
37
42
  .featured-image-gallery-v3__featured-image-back {
38
43
  display: grid;
@@ -66,9 +71,10 @@
66
71
  justify-self: stretch;
67
72
  place-self: stretch;
68
73
  display: grid;
74
+ aspect-ratio: 1;
69
75
  grid-gap: calc(8 / var(--design-reference) * var(--screen-width));
70
76
  grid-template-columns: repeat(3, 1fr);
71
- grid-auto-rows: 1fr;
77
+ grid-template-rows: repeat(3, 1fr);
72
78
  }
73
79
  @media screen and (min-width: 768px) {
74
80
  .featured-image-gallery-v3__other-images {
@@ -80,19 +86,17 @@
80
86
  overflow: hidden;
81
87
  box-shadow: 0px 0px 8px transparent;
82
88
  transition: box-shadow 0.2s;
83
- }
84
- .featured-image-gallery-v3__image-wrapper:hover {
85
- box-shadow: 0px 0px 8px white;
86
89
  cursor: pointer;
87
90
  }
91
+ .featured-image-gallery-v3__image-wrapper:hover,
92
+ .featured-image-gallery-v3__image-wrapper--active {
93
+ box-shadow: 0px 0px 0px calc(2 / var(--design-reference) * var(--screen-width)) white;
94
+ }
88
95
  .featured-image-gallery-v3__image {
89
96
  -o-object-fit: cover;
90
97
  object-fit: cover;
91
98
  aspect-ratio: 1;
92
99
  width: 100%;
93
100
  height: auto;
94
- transition: transform 0.5s ease-out, filter 0.5s;
95
- }
96
- .featured-image-gallery-v3__image:hover {
97
- filter: contrast(105%);
101
+ transition: transform 0.5s ease-out;
98
102
  }
@@ -1,95 +0,0 @@
1
- {% set gridLayoutElement = include('components/grid-layout-element-v3.twig', { fields: field, block: block }, with_context = false) %}
2
- {% set icon = field.enable_cta_icon %}
3
- {% set postColour = '--post-colour: ' ~ post.post_colour|ru ~ ';' %}
4
- {% set postTextColourStyle = '--post-text-colour-style: ' ~ post.post_text_colour_style|ru ~ ';' %}
5
- {% set ctaStyle = field.cta_style|ru %}
6
- {% if field.cta_style_select|ru == 'post-colour' %}
7
- {% set ctaStyle = 'post-colour' %}
8
- {% endif %}
9
- {% if field.cta_style_select|ru == 'post-text-colour-style' %}
10
- {% set ctaStyle = 'post-text-colour-style' %}
11
- {% endif %}
12
- {% set widgetStyles = gridLayoutElement ~ postColour ~ postTextColourStyle %}
13
- {% set buyNowOptionSelect = post.meta('buy_now_option_select') %}
14
- {% if buyNowOptionSelect|ru == 'none' %}
15
- <style>
16
- .{{blockClassName}}__product-buy-now.{{block.id}}{
17
- {{widgetStyles}}
18
- }
19
- </style>
20
- <a href="#" class="{{blockClassName}}__product-buy-now {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}} {{block.id}}">
21
- <span class="{{blockClassName}}__cta-span">{{field.buy_now_text}}</span>
22
- {{icon ? '<span class="' ~ blockClassName ~ '__icon-link"><img class="style-svg" src="' ~ options.theme_cta_icons.cta_link_icon ~ '"></span>' : ""}}
23
- </a>
24
- {% endif %}
25
- {% if buyNowOptionSelect|ru == 'link' %}
26
- {% set productDirectLink = post.meta('direct_link') %}
27
- {% set directLinkTarget = '_self' %}
28
- {% if productDirectLink.target is not empty %}
29
- {% set directLinkTarget = '_self' %}
30
- {% endif %}
31
- <style>
32
- .{{blockClassName}}__product-buy-now {
33
- {{widgetStyles}}
34
- }
35
- </style>
36
- <a href="{{productDirectLink.url}}" class="{{blockClassName}}__product-buy-now link {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}}" target="{{directLinkTarget}}">
37
- <span class="{{blockClassName}}__cta-span">{{field.buy_now_text}}</span>
38
- {{icon ? '<span class="' ~ blockClassName ~ '__icon-link"><img class="style-svg" src="' ~ options.theme_cta_icons.cta_link_icon ~ '"></span>' : ""}}
39
- </a>
40
- {% endif %}
41
- {% if buyNowOptionSelect|ru == 'ctb' %}
42
- {% set productCtbPimid = post.meta('click_to_buy_pim_id') %}
43
- <style>
44
- .{{blockClassName}}__product-buy-now {
45
- {{widgetStyles}}
46
- }
47
- </style>
48
- <a href="#" class="{{blockClassName}}__product-buy-now ctb {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}}" data-ctbuy data-ctbuy-variant="{{productCtbPimid}}" data-ctbuy-country="" data-ctbuy-lang="" data-ctbuy-default-view="" data-ctbuy-customquerystring="" data-ctbuy-direct-link="" title="{{field.buy_now_text}}">
49
- <span class="{{blockClassName}}__cta-span">{{field.buy_now_text}}</span>
50
- {{icon ? '<span class="' ~ blockClassName ~ '__icon-link"><img class="style-svg" src="' ~ options.theme_cta_icons.cta_link_icon ~ '"></span>' : ""}}
51
- </a>
52
- {% endif %}
53
- {% if buyNowOptionSelect|ru == 'wtb' %}
54
- {% set productPimDebrainId = post.meta('debrain_pim_id') %}
55
- <style>
56
- .{{blockClassName}}__product-buy-now {
57
- {{widgetStyles}}
58
- }
59
- </style>
60
- <a href="#" class="dloc-link {{blockClassName}}__product-buy-now wtb {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}}" data-action="where-to-buy" data-filter="{{productPimDebrainId}}" title="{{field.buy_now_text}}">
61
- <span class="{{blockClassName}}__cta-span">{{field.buy_now_text}}</span>
62
- {{icon ? '<span class="' ~ blockClassName ~ '__icon-link"><img class="style-svg" src="' ~ options.theme_cta_icons.cta_link_icon ~ '"></span>' : ""}}
63
- </a>
64
- {% endif %}
65
- {% if buyNowOptionSelect|ru == 'wtb-v2' %}
66
- {% set productDebrainSkuId = post.meta('debrain_sku_id') %}
67
- <wtb-button sku={{productDebrainSkuId}}></wtb-button>
68
- {% endif %}
69
- {% if buyNowOptionSelect|ru == 'mikmak' %}
70
- {% set productEANs = post.meta('mikmak_ean_ids') %}
71
- {% set relatedProducts = post.meta('related_products') %}
72
- {% set drawer_widget_id = attribute(market_settings['e-shop_settings'], 'mikmak_ctb_drawer_widget_id') %}
73
- {% set relatedProductEANs = '' %}
74
- {% for relatedPost in relatedProducts %}
75
- {% set relatedProduct = get_post(relatedPost) %}
76
- {% set relatedProductEANs = relatedProductEANs ~ ',' ~ relatedProduct.meta('mikmak_ean_ids')|trim(',') %}
77
- {% endfor %}
78
- {% set relatedProductEANs = relatedProductEANs|trim(',') %}
79
- {% if productEANs is not empty and drawer_widget_id is not empty %}
80
- {% set totalProductEANs = productEANs ~ (relatedProductEANs is not empty ? ',' ~ relatedProductEANs : '') %}
81
- <a href="#" data-mm-wtbid="{{drawer_widget_id}}" data-mm-ids="{{totalProductEANs}}" data-mm-default-id="{{productEANs}}" class="{{blockClassName}}__cta-span mikmak-buy-now">{{cta.cta_buy_now_text}}</a>
82
- {% endif %}
83
- {% endif %}
84
- {% if buyNowOptionSelect|ru == 'reservebar' %}
85
- {% set reserveBarLiquidId = post.meta('reserve_bar_liquid_grouping_id') %}
86
- <style>
87
- .{{blockClassName}}__product-buy-now {
88
- {{widgetStyles}}
89
- }
90
- </style>
91
- <a href="#" class="{{blockClassName}}__product-buy-now reservebar {{blockClassName}}__info-item {{blockClassName}}__cta cmpl-cta-style-{{ctaStyle}} reservebar-popup-trigger" title="{{field.buy_now_text}}" reservebar-liquid-id="{{reserveBarLiquidId}}">
92
- <span class="{{blockClassName}}__cta-span">{{field.buy_now_text}}</span>
93
- {{icon ? '<span class="' ~ blockClassName ~ '__icon-link"><img class="style-svg" src="' ~ options.theme_cta_icons.cta_link_icon ~ '"></span>' : ""}}
94
- </a>
95
- {% endif %}