Skip to content

Instantly share code, notes, and snippets.

@SaiEmaniFlipp
Last active February 27, 2020 15:24
Show Gist options
  • Save SaiEmaniFlipp/4126196561a50f7a4e8387e4c1036db1 to your computer and use it in GitHub Desktop.
Save SaiEmaniFlipp/4126196561a50f7a4e8387e4c1036db1 to your computer and use it in GitHub Desktop.
<!-- Copyright (c) 2020 Flipp. All rights reserved. -->
<storefront xmlns="http://schemas.flipp.com/sfml/2.0" title="STEP by STEP" subtitle="April 20 to April 20" uuid="452435423543254325">
<head>
<!-- styles can control borders, padding, margin, fonts and backgrounds -->
<styles>
<!-- TOP flex box module style -->
<style id="1" padding="10 10 10 10" border-bottom-style="solid" border-bottom-color="#e8e8e8" border-bottom-width="1px" margin="20 0 -20 0" />
<!-- flex box module style -->
<style id="2" padding="10 10 10 10" />
<!-- page w/ background-->
<style id="10" padding="10 10 10 10" background-url="https://s3.amazonaws.com/storefront-sfml-assets-production/2135/templates/test123/graybkg.png" />
<!-- item atom style -->
<style id="3" item-atom-price-font-weight="bold" item-atom-price-font-size="20" item-atom-post-price-font-weight="bold" item-atom-sales-story-font-weight="bold" item-atom-sales-story-font-color="#f49842" />
<!-- flex box module style w/ border-->
<style id="4" item-atom-price-font-weight="bold" item-atom-price-font-size="20" item-atom-post-price-color="#a7a3a3" item-atom-original-price-font-weight="bold" item-atom-sales-story-font-weight="bold" item-atom-sales-story-font-color="#f49842" border-right-style="solid" border-right-color="#e8e8e8" border-right-width="1px" />
</styles>
</head>
<body>
<flexbox width="match-parent" height="wrap-content" orientation="horizontal" style-id="2">
<image flex-grow="1" width="wrap-content" height="wrap-content" style-id="3" source-id="2" source="ecom">
<url-source url="https://s3.amazonaws.com/storefront-sfml-assets-production/2135/flyers/123456/lighting.jpg" width="363" height="363">
<area href="https://sf.flipp.com/items/1234.sfml" source-id="123" source="ecom" label="test label" rect="10 -300 100 -320"/>
</url-source>
</image>
<linear-layout width="match-parent" height="wrap-content" flex-grow="1" orientation="vertical">
<item-atom width="match-parent" height="match-parent" style-id="3" source-id="2" source="ecom">
<text value="$999.99" />
<text value="Beautiful Lights" />
<text value="Lights are important" />
<text value="Was $1499.99" />
</item-atom>
<item-atom width="match-parent" height="match-parent" style-id="3" source-id="2" source="ecom">
<text value="$99.99" />
<text value="Really Beautiful Lights" />
<text value="Make things brighter" />
<text value="Was $1499.99" />
</item-atom>
</linear-layout>
</flexbox>
</body>
</storefront>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment