forked from DivanteLtd/magento2-vsbridge-pagebuilder
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpage-banner.phtml
105 lines (105 loc) · 8.1 KB
/
page-banner.phtml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<div data-content-type="row" data-appearance="contained" data-element="main">
<div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-element="inner"
style="justify-content: flex-start; display: flex; flex-direction: column; background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px; margin: 0px 0px 10px; padding: 10px;">
<div data-content-type="banner" data-appearance="poster" data-show-button="hover" data-show-overlay="always"
data-element="main" style="margin: 0px;"><a
href="{{widget type='Magento\Cms\Block\Widget\Page\Link' page_id='4' template='Magento_PageBuilder::widget/link_href.phtml' type_name='CMS Page Link' }}"
target="" data-link-type="page" data-element="link">
<div class="pagebuilder-banner-wrapper"
data-background-images="{\"desktop_image\":\"{{media url=wysiwyg/1529585052_okazje-banner_2.jpg}}\"}"
data-element="wrapper"
style="background-position: left top; background-size: contain; background-repeat: repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px;">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color=""
data-element="overlay"
style="border-radius: 0px; min-height: 300px; background-color: transparent; padding: 40px;">
<div class="pagebuilder-poster-content">
<div data-element="content"><p>KONTENT MESSAGE TEXT I TAKIE TAM</p></div>
<button type="button" class="pagebuilder-banner-button pagebuilder-button-primary"
data-element="button" style="opacity: 0; visibility: hidden;">BUTTON primary on
hover
</button>
</div>
</div>
</div>
</a></div>
</div>
</div>
<div data-content-type="row" data-appearance="full-width" data-enable-parallax="0" data-parallax-speed="0.5"
data-background-images="{}" data-element="main"
style="justify-content: flex-start; display: flex; flex-direction: column; background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px; margin: 0px 0px 10px; padding: 10px;">
<div class="row-full-width-inner" data-element="inner">
<div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never"
data-element="main" style="margin: 0px;">
<div data-element="empty_link">
<div class="pagebuilder-banner-wrapper"
data-background-images="{\"desktop_image\":\"{{media url=wysiwyg/1494578159_1487860495_kamila_3_2.jpg}}\",\"mobile_image\":\"{{media url=wysiwyg/1529585052_okazje-banner.jpg}}\"}"
data-element="wrapper"
style="background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px;">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color=""
data-element="overlay"
style="border-radius: 0px; min-height: 300px; background-color: transparent; padding: 40px;">
<div class="pagebuilder-poster-content">
<div data-element="content">
<div> Text on banner</div>
<div></div>
</div>
<button type="button" class="pagebuilder-banner-button pagebuilder-button-secondary"
data-element="button" style="opacity: 1; visibility: visible;">button secondary
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-content-type="row" data-appearance="contained" data-element="main">
<div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-element="inner"
style="justify-content: flex-start; display: flex; flex-direction: column; background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px; margin: 0px 0px 10px; padding: 10px;">
<div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never"
data-element="main" style="margin: 0px;">
<div data-element="empty_link">
<div class="pagebuilder-banner-wrapper"
data-background-images="{\"desktop_image\":\"{{media url=wysiwyg/1529585052_okazje-banner_3.jpg}}\"}"
data-element="wrapper"
style="background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px;">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color=""
data-element="overlay"
style="border-radius: 0px; min-height: 300px; background-color: transparent; padding: 40px;">
<div class="pagebuilder-poster-content">
<div data-element="content"></div>
<button type="button" class="pagebuilder-banner-button pagebuilder-button-link"
data-element="button" style="opacity: 1; visibility: visible;">Button LINK
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-content-type="row" data-appearance="contained" data-element="main">
<div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-element="inner"
style="justify-content: flex-start; display: flex; flex-direction: column; background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px; margin: 0px 0px 10px; padding: 10px;">
<div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never"
data-element="main" style="margin: 0px;">
<div data-element="empty_link">
<div class="pagebuilder-banner-wrapper"
data-background-images="{\"desktop_image\":\"{{media url=wysiwyg/full_width_banner_6.jpg}}\"}"
data-element="wrapper"
style="background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px;">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color=""
data-element="overlay"
style="border-radius: 0px; min-height: 300px; background-color: transparent; padding: 40px;">
<div class="pagebuilder-poster-content">
<div data-element="content"></div>
<button type="button" class="pagebuilder-banner-button pagebuilder-button-primary"
data-element="button" style="opacity: 1; visibility: visible;">NO BUTTON LINK
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>