Skip to content

Commit

Permalink
WIP: Homepage content rewritten with pagebuilder. #2
Browse files Browse the repository at this point in the history
  • Loading branch information
@vovayatsyuk
vovayatsyuk committed Aug 17, 2021
1 parent d0873fa commit 3a20688
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 20 deletions.
40 changes: 20 additions & 20 deletions etc/marketplace/content/cms_page/home.html
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
<style>
#html-body [data-pb-style=ICPBMN9],#html-body [data-pb-style=SW72N3D]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=SW72N3D]{margin-bottom:20px}#html-body [data-pb-style=ICPBMN9]{width:81.25%;padding-right:15px;align-self:center}#html-body [data-pb-style=UHIF5QX]{min-height:300px}#html-body [data-pb-style=V6O74R6]{background-position:center center;background-size:contain;background-repeat:no-repeat;min-height:300px}#html-body [data-pb-style=UW117IG]{min-height:300px;background-color:transparent}#html-body [data-pb-style=TRUXEBO]{background-position:center center;background-size:contain;background-repeat:no-repeat}#html-body [data-pb-style=CV2OJ43]{background-color:transparent}#html-body [data-pb-style=SE7V1EJ]{background-position:center center;background-size:contain;background-repeat:no-repeat}#html-body [data-pb-style=L2J5U1V]{background-color:transparent}#html-body [data-pb-style=QENIFWM]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:18.75%;align-self:stretch}#html-body [data-pb-style=RY1GFIO]{margin-bottom:10px}#html-body [data-pb-style=FENPXDC]{background-color:#3170b9;background-position:left center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:6px}#html-body [data-pb-style=RXFK4T4]{border-radius:6px;min-height:113px;background-color:transparent}#html-body [data-pb-style=LEKCER5]{margin-bottom:10px}#html-body [data-pb-style=LVYIHV3]{background-color:#82bb6a;background-position:left center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:6px}#html-body [data-pb-style=N6EXHPR]{border-radius:6px;min-height:113px;background-color:transparent}#html-body [data-pb-style=KUR3D1G]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-bottom:25px}#html-body [data-pb-style=K0MAFSN]{border-style:solid;border-color:#f0f0f0;border-width:1px;border-radius:8px;margin-top:0;margin-bottom:20px;padding:10px 12px}#html-body [data-pb-style=GHMW0W7]{margin-bottom:25px}@media only screen and (max-width: 768px) { #html-body [data-pb-style=UHIF5QX]{min-height:250px} }
#html-body [data-pb-style=EIR0GRD],#html-body [data-pb-style=YQ58CO3]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=EIR0GRD]{margin-bottom:20px}#html-body [data-pb-style=YQ58CO3]{width:81.25%;padding-right:15px;align-self:center}#html-body [data-pb-style=DTRPBGH]{min-height:300px}#html-body [data-pb-style=TEO49E9]{background-position:center center;background-size:contain;background-repeat:no-repeat}#html-body [data-pb-style=WG60M5K]{background-color:transparent}#html-body [data-pb-style=CY5XDO4]{background-position:center center;background-size:contain;background-repeat:no-repeat}#html-body [data-pb-style=V14LRSD]{background-color:transparent}#html-body [data-pb-style=U1MEQ46]{background-position:center center;background-size:contain;background-repeat:no-repeat}#html-body [data-pb-style=GSHWQ3B]{background-color:transparent}#html-body [data-pb-style=TCDKIJ0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:18.75%;align-self:stretch}#html-body [data-pb-style=JQSU9VG]{margin-bottom:10px}#html-body [data-pb-style=HL7K6MT]{background-color:#3170b9;background-position:left center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:6px}#html-body [data-pb-style=Q7W276R]{border-radius:6px;min-height:113px;background-color:transparent}#html-body [data-pb-style=T48AUDE]{margin-bottom:10px}#html-body [data-pb-style=V7XYT4R]{background-color:#82bb6a;background-position:left center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:6px}#html-body [data-pb-style=UBRHBUT]{border-radius:6px;min-height:113px;background-color:transparent}#html-body [data-pb-style=KJJ894C]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;margin-bottom:25px}#html-body [data-pb-style=BPNJ3C3]{border-style:solid;border-color:#f0f0f0;border-width:1px;border-radius:8px;margin-top:0;margin-bottom:20px;padding:10px 12px}#html-body [data-pb-style=B3KAJ46]{margin-bottom:25px}@media only screen and (max-width: 768px) { #html-body [data-pb-style=DTRPBGH]{min-height:200px} }
</style>
<div data-appearance="contained" data-content-type="row" data-element="main">
<div data-background-images="{}" data-background-type="image" data-element="inner" data-enable-parallax="0" data-parallax-speed="0.5" data-pb-style="SW72N3D" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div data-background-images="{}" data-background-type="image" data-element="inner" data-enable-parallax="0" data-parallax-speed="0.5" data-pb-style="EIR0GRD" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-column-group" data-content-type="column-group" data-element="main" data-grid-size="16" style="display: flex;">
<div class="pagebuilder-column" data-appearance="align-center" data-background-images="{}" data-content-type="column" data-element="main" data-pb-style="ICPBMN9">
<div class="pagebuilder-slider" data-appearance="default" data-autoplay="true" data-autoplay-speed="4000" data-content-type="slider" data-element="main" data-fade="false" data-infinite-loop="true" data-pb-style="UHIF5QX" data-show-arrows="true" data-show-dots="false">
<div class="pagebuilder-column" data-appearance="align-center" data-background-images="{}" data-content-type="column" data-element="main" data-pb-style="YQ58CO3">
<div class="pagebuilder-slider" data-appearance="default" data-autoplay="true" data-autoplay-speed="4000" data-content-type="slider" data-element="main" data-fade="false" data-infinite-loop="true" data-pb-style="DTRPBGH" data-show-arrows="true" data-show-dots="false">
<div data-appearance="poster" data-content-type="slide" data-element="main" data-show-button="never" data-show-overlay="never" data-slide-name="">
<div data-element="empty_link">
<div class="pagebuilder-slide-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/slider/slide1.jpg}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="V6O74R6" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="UW117IG">
<div class="pagebuilder-slide-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/slider/slide1.jpg}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="TEO49E9" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="WG60M5K">
<div class="pagebuilder-poster-content">
<div data-element="content">
</div>
Expand All @@ -20,8 +20,8 @@
</div>
<div data-appearance="poster" data-content-type="slide" data-element="main" data-show-button="never" data-show-overlay="never" data-slide-name="">
<div data-element="empty_link">
<div class="pagebuilder-slide-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/slider/slide2.jpg}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="TRUXEBO" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="CV2OJ43">
<div class="pagebuilder-slide-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/slider/slide2.jpg}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="CY5XDO4" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="V14LRSD">
<div class="pagebuilder-poster-content">
<div data-element="content">
</div>
Expand All @@ -32,8 +32,8 @@
</div>
<div data-appearance="poster" data-content-type="slide" data-element="main" data-show-button="never" data-show-overlay="never" data-slide-name="">
<div data-element="empty_link">
<div class="pagebuilder-slide-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/slider/slide3.jpg}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="SE7V1EJ" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="L2J5U1V">
<div class="pagebuilder-slide-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/slider/slide3.jpg}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="U1MEQ46" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="GSHWQ3B">
<div class="pagebuilder-poster-content">
<div data-element="content">
</div>
Expand All @@ -44,11 +44,11 @@
</div>
</div>
</div>
<div class="pagebuilder-column" data-appearance="full-height" data-background-images="{}" data-content-type="column" data-element="main" data-pb-style="QENIFWM">
<div data-appearance="poster" data-content-type="banner" data-element="main" data-pb-style="RY1GFIO" data-show-button="never" data-show-overlay="never">
<div class="pagebuilder-column" data-appearance="full-height" data-background-images="{}" data-content-type="column" data-element="main" data-pb-style="TCDKIJ0">
<div class="hidden-xs" data-appearance="poster" data-content-type="banner" data-element="main" data-pb-style="JQSU9VG" data-show-button="never" data-show-overlay="never">
<div data-element="empty_link">
<div class="pagebuilder-banner-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/callout1.png}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="FENPXDC" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="RXFK4T4">
<div class="pagebuilder-banner-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/callout1.png}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="HL7K6MT" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="Q7W276R">
<div class="pagebuilder-poster-content">
<div data-element="content">
</div>
Expand All @@ -57,10 +57,10 @@
</div>
</div>
</div>
<div data-appearance="poster" data-content-type="banner" data-element="main" data-pb-style="LEKCER5" data-show-button="never" data-show-overlay="never">
<div class="hidden-xs" data-appearance="poster" data-content-type="banner" data-element="main" data-pb-style="T48AUDE" data-show-button="never" data-show-overlay="never">
<div data-element="empty_link">
<div class="pagebuilder-banner-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/callout2.png}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="LVYIHV3" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="N6EXHPR">
<div class="pagebuilder-banner-wrapper" data-background-images='{\"desktop_image\":\"{{media url=wysiwyg/absolute/callout2.png}}\"}' data-background-type="image" data-element="wrapper" data-pb-style="V7XYT4R" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div class="pagebuilder-overlay pagebuilder-poster-overlay" data-element="overlay" data-overlay-color="" data-pb-style="UBRHBUT">
<div class="pagebuilder-poster-content">
<div data-element="content">
</div>
Expand All @@ -77,15 +77,15 @@
</div>
</div>
<div data-appearance="contained" data-content-type="row" data-element="main">
<div data-background-images="{}" data-background-type="image" data-element="inner" data-enable-parallax="0" data-parallax-speed="0.5" data-pb-style="KUR3D1G" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div data-appearance="default" data-content-type="text" data-element="main" data-pb-style="K0MAFSN">
<div data-background-images="{}" data-background-type="image" data-element="inner" data-enable-parallax="0" data-parallax-speed="0.5" data-pb-style="KJJ894C" data-video-fallback-src="" data-video-lazy-load="true" data-video-loop="true" data-video-play-only-visible="true">
<div data-appearance="default" data-content-type="text" data-element="main" data-pb-style="BPNJ3C3">
<div>
<span id="GNXLNV1" style="font-size: 18px; color: #459b06;">
New Products
</span>
</div>
</div>
<div data-appearance="grid" data-content-type="products" data-element="main" data-pb-style="GHMW0W7">
<div data-appearance="grid" data-content-type="products" data-element="main" data-pb-style="B3KAJ46">
{{widget type="Magento\CatalogWidget\Block\Product\ProductsList" template="Magento_CatalogWidget::product/widget/content/grid.phtml" anchor_text="" id_path="" show_pager="0" products_count="5" condition_option="condition" condition_option_value="" type_name="Catalog Products List" conditions_encoded="^[`1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Combine`,`aggregator`:`all`,`value`:`1`,`new_child`:``^],`1--1`:^[`type`:`Magento||CatalogWidget||Model||Rule||Condition||Product`,`attribute`:`new`,`operator`:`==`,`value`:`1`^]^]" sort_order="date_newest_top"}}
</div>
</div>
Expand Down
4 changes: 4 additions & 0 deletions web/css/source/_absolute.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -108,6 +108,10 @@
}
}
}

.hidden-xs {
display: none;
}
}

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
Expand Down

0 comments on commit 3a20688

Please sign in to comment.