tiendapp_validator 0.1.2

data/public/store_templates/public/mailer/shipped_order.liquid

@@ -0,0 +1,57 @@
+<style>
+  
+   .products-table tr:nth-child(even) {
+    background-color: {{"email_shipment_table_background_color_even" | customizable : customization.email_shipment_table_background_color_even, preview }};
+  }
+  .products-table tr:nth-child(even) td{
+    color:{{"email_shipment_table_text_color_even" | customizable : customization.email_shipment_table_text_color_even, preview }};
+  }
+  .products-table tr:nth-child(odd) {
+    background-color: {{"email_shipment_table_background_color_odd" | customizable : customization.email_shipment_table_background_color_odd, preview }};
+  }
+  .products-table th{
+    background-color: {{"email_shipment_table_background_color_header" | customizable : customization.email_shipment_table_background_color_header, preview }};
+  }
+  .products-table tr:nth-child(odd) td{
+    color:{{"email_shipment_table_text_color_odd" | customizable : customization.email_shipment_table_text_color_odd, preview }};
+    
+  }
+  .products-table td, .products-table tr{
+    border: solid {{"email_shipment_table_border_size" | customizable : customization.email_shipment_table_border_size, preview }}px {{"email_shipment_table_border_color" | customizable : customization.email_shipment_table_border_color, preview }};
+    padding: {{"email_shipment_table_padding" | customizable : customization.email_order_table_padding, preview }}px;
+  }
+
+  .products-table{
+    margin: 20px 0px;
+  }
+  
+  .email-content-header{
+    margin-top: 20px;
+  }
+  .products-table th{
+    text-align: center;
+    font-weight: normal;
+  }
+</style>
+<table>
+  <tr>
+    <td>
+      <p class="lede email-content-header">
+        {{"email_shipment_head_text" | customizable_with_variables : customization.email_shipment_head_text, preview, variables }}
+        
+      </p>
+      <p>
+        {{"email_shipment_before_contents" | customizable_with_variables : customization.email_shipment_before_contents, preview, variables }}
+        
+        
+      </p>
+      
+        {{ shipment_contents }}
+      <p>
+        {{"email_shipment_bottom_text" | customizable_with_variables : customization.email_shipment_bottom_text, preview, variables }}
+      
+      </p>
+    </td>
+    <td class="expander"></td>
+  </tr>
+</table>

data/public/store_templates/public/order.liquid

@@ -0,0 +1,26 @@
+{% if just_completed? == 'true' %}
+  {{ 'css/progress-wizard.min.css' | asset_url | stylesheet_tag }}
+
+  <div class="row">
+    <ul class="progress-indicator">
+      
+        <li class="completed"> <span class="bubble"></span> Confirmar Carro </li>
+      
+      
+        <li class="completed"> <span class="bubble"></span> Información de Envío </li>
+      
+      
+        <li class="completed"> <span class="bubble"></span>Métodos de Envío </li>
+      
+      
+        <li class="completed"> <span class="bubble"></span>Medios de Pago</li>
+      
+      <li class="current"> <span class="bubble"></span> Completado </li>
+    </ul>
+  </div>
+{% endif %}
+<div class="row">
+  <div class="col-xs-8 col-xs-offset-2">
+    {{content_for_order}}
+  </div>
+</div>

data/public/store_templates/public/post.liquid

@@ -0,0 +1,42 @@
+
+<div id="blog">
+  {%if post.has_main_image?%}
+    <header class="intro-header" style="background-image: url('{{post.main_image_large_url}}')">
+  {%else%}
+    <header class="intro-header" style="background-color: #808080;">
+  {%endif%}
+    <div class="veil">  
+      <div class="container">
+          <div class="row">
+              <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+                  <div class="post-heading">
+                      <h1>{{post.title}}</h1>
+                      <h2 class="subheading">{{post.subtitle}}</h2>
+                      <span class="meta">{{post.printed_date}}</span>
+                  </div>
+              </div>
+          </div>
+      </div>
+    </div>
+  </header>
+   <article>
+     <div class="container">
+        <div class="row">
+            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+                {{content}}
+            </div>
+        </div>
+    </div>
+  </article>
+  <hr>
+  <div class="row">
+    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+      <ul class="pager">
+        <li class="next">
+          <a href="/blog">Volver al Blog <span class="glyphicon glyphicon-arrow-left"></span></a>
+        </li>
+      </ul>    
+    </div>
+  </div>
+  
+</div>

data/public/store_templates/public/product.liquid

@@ -0,0 +1,106 @@
+<span ng-controller="ProductController as product" >
+  {% include 'widgets/breadcrumbs' %}
+  <div class="product-container" ng-init="product.load({{product.id}})">  
+    
+    <div class="row">
+      <div class="product-image-container col-sm-6">
+        <div class="main-image">                
+          <img ng-src="{[product.image]}">
+        </div>
+        <div class="thumbnails">
+          <div class="thumbnail" ng-repeat="image in product.images" ng-click="product.setImage($index)">
+            <img ng-src="{[image.small_url]}">
+           </div>
+        </div>
+      </div>
+      <div class="product-description-container col-sm-6">
+        <h3 class="product-title">
+          {{product.name}}
+        </h3>
+        <p class="product-price">
+          {{product.price | chilean_currency}}
+        </p>
+        <div class="variants">
+          {% for variant in product.variants %}
+              <div class="variant">
+              <input type="radio" name="variant" value="{{variant.id}}" ng-click="product.setVariant({{variant.id}})"> <span>{{variant.options_text}}</span> </input>
+            </div>
+          {% endfor %}
+          <br/>
+        </div>
+        </ul>
+        {% if user.has_cart? %}  
+          <div class="row available-actions">        
+            <div class="col-sm-6">
+              <p class="in-stock" ng-init="product.inStock = {{product.in_stock?}}">
+                {% if product.in_stock? %}
+                  En Stock
+                {% else %}
+                  Sin Stock
+                {% endif %}
+              </p>  
+            </div>
+            <div class="col-xs-2">
+              <div class="form-group">
+                {% if product.in_stock? %}
+                  <input type="number" name="quantity" ng-model="product.quantity" value="1"/>
+                {% else %}
+                  <input type="number" name="quantity" min="0" value="0" max="0">
+                {% endif %}
+              </div>
+            </div>
+             
+
+            <div class="col-xs-4">
+              {% include 'cart_button_product' %}
+            </div>
+          
+          </div>
+        {% endif %} 
+        
+        <div class="divisor"></div>
+        <div class="row">
+          <p>
+            {{product.description}}
+          </p>
+        </div>
+        
+        <div class="row" ng-cloak>
+          <br>
+          <span class = "inline" ng-repeat="property in product.properties">
+            <ul>
+              <li class = "select">
+                {[property.property_name]}:
+              </li>
+              <li>
+                {[property.value]}
+              </li>
+            </ul>
+          </span>
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+
+  <div id="related-products-container">
+    <span class="overlay" ng-show="products.loading()">
+      <i class="fa fa-circle-o-notch fa-spin fa-4x"></i>
+    </span>
+    <h4>
+      También podría interesarte
+    </h4>
+    <ul id="related-products">
+      <li class="product" ng-repeat="p in products.productsFactory.products" ng-if="p.id !== product.product.id" ng-cloak>
+
+        <a href="/products/{[p.slug]}">
+          <img ng-src="{[p.master.images[0].small_url]}">
+          <div class="name">
+            {[p.name]}
+          </div>
+        </a>
+      </li>
+    </ul>  
+  </div>
+</span>

data/public/store_templates/public/sidebar.liquid

@@ -0,0 +1,2 @@
+%aside#sidebar.col-sm-4.col-md-3{'data-hook'=>''}
+  =yield :sidebar

data/public/store_templates/public/static_page.liquid

@@ -0,0 +1,28 @@
+<style>
+  #static-page h1,
+  #static-page h2,
+  #static-page h3,
+  #static-page h4,
+  #static-page h5,
+  #static-page h6 {
+    font-family: {{"static_pages_header_font" | customizable : customization.static_pages_header_font, preview}}, Helvetica, Arial, sans-serif;
+    color: {{"static_pages_header_color" | customizable : customization.static_pages_header_color, preview}};
+  }
+  #static-page p{
+    font-family: {{"static_pages_paragraph_font" | customizable : customization.static_pages_paragraph_font, preview}}, Helvetica, Arial, sans-serif;
+    color: {{"static_pages_paragraph_color" | customizable : customization.static_pages_paragraph_color, preview}};
+    font-size: {{"static_pages_paragraph_size" | customizable : customization.static_pages_paragraph_size, preview}}pt;
+  }
+  #static-page{
+    margin-top: 80px; /*Navbar Fixed*/
+  }
+</style>
+<div id="static-page">
+  <div class="row static-content">
+    <div class="col-xs-1"></div>
+    <div class="col-xs-10">
+      {{content}}
+    </div>
+    <div class="col-xs-1"></div>
+  </div>
+</div>

data/public/store_templates/public/utils/_fonts.liquid

@@ -0,0 +1,9 @@
+{% if preview %}
+  {% for font in available_fonts %}
+    {{font | generic_font_tag}}
+  {% endfor %}
+{% else %}
+  {% for item in customization %}
+    {{ item[1] | generic_font_tag }}
+  {% endfor %}
+{% endif %}

data/public/store_templates/public/widgets/_breadcrumbs.liquid

@@ -0,0 +1,32 @@
+<ol class="breadcrumb" role="navigation" aria-label="breadcrumbs" ng-show="products.productsFactory.breadcrumbs.length > 0 || product" ng-cloak>
+  <li title="Home" href="/#" ng-click="products.goHome(); search = false; products.query = ''">{{store.name}}</li>
+
+  <li ng-repeat="bread in products.productsFactory.breadcrumbs" >
+    <a href="/#categories/{[bread.id]}/{[bread.name | lowercase]}" ng-class="($last && !product) ? 'select' : ''"> 
+      {[bread.name]}
+    </a>  
+  </li>
+
+
+  <li class = "dropdown" ng-if="!product">
+    <span id="sub_categories" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
+      <a href="#">     
+        Todo
+        <span class="caret"></span>
+      </a>
+    </span>
+    <ul class="dropdown-menu" aria-labelledby="sub_categories">
+      <li><a>Todo</a></li>
+      <li ng-repeat="breadChild in products.productsFactory.breadcrumbsChildren">
+        <a href="/#categories/{[breadChild.id]}/{[breadChild.name | lowercase]}"> 
+         {[breadChild.name]}
+        </a>  
+      </li>
+    </ul>
+  </li>
+
+  <li ng-if="product">
+    <a href class="select">{[product.name]}</a>
+  </li>
+
+</ol>

data/public/store_templates/public/widgets/_carousel.liquid

@@ -0,0 +1,37 @@
+<div id="carousel-widget" class="carousel slide" data-ride="carousel">
+  <!-- Indicators -->
+
+
+  <!-- Wrapper for slides -->
+  <div class="carousel-inner" role="listbox">
+    <div class="item active">
+      {{'header_image_1' | customizable_image : customization.header_image_1, preview, 'Header Image 1'}}
+      <h2 class="carousel-caption">
+        {{"header_title_1" | customizable : customization.header_title_1, preview}}
+      </h2>
+    </div>
+    <div class="item">
+      {{'header_image_2' | customizable_image : customization.header_image_2, preview, 'Header Image 2'}}
+      <h2 class="carousel-caption">
+        {{"header_title_2" | customizable : customization.header_title_2, preview}}
+      </h2>
+    </div>
+    <div class="item">
+      {{'header_image_3' | customizable_image : customization.header_image_3, preview, 'Header Image 3'}}
+      <h2 class="carousel-caption">
+        {{"header_title_3" | customizable : customization.header_title_3, preview}}
+      </h2>
+    </div>
+    
+  </div>
+
+  <!-- Controls -->
+  <a class="left carousel-control" href="#carousel-widget" role="button" data-slide="prev">
+    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+    <span class="sr-only">Anterior</span>
+  </a>
+  <a class="right carousel-control" href="#carousel-widget" role="button" data-slide="next">
+    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+    <span class="sr-only">Siguiente</span>
+  </a>
+</div>

data/public/store_templates/public/widgets/_cart.liquid

@@ -0,0 +1,86 @@
+<style>
+  #mini-cart table#mini-cart-table tr{
+      border-bottom: solid {{"shopping_cart_separator_size" | customizable : customization.shopping_cart_separator_size, preview}}px {{"shopping_cart_accent_color" | customizable : customization.shopping_cart_accent_color, preview}};
+  }
+  #mini-cart .header-cart-icon{
+    color: {{"shopping_cart_accent_color" | customizable : customization.shopping_cart_accent_color, preview}};
+  }
+</style>
+<div id="mini-cart" class="ng-hide" ng-show="cart.show" click-outside="cart.hideCart()" ng-cloak>
+  
+  <h3 >
+    <span class="glyphicon glyphicon-shopping-cart header-cart-icon"> </span>
+    Mi Carro
+    <a id="close-cart" href="#" ng-click="cart.hideCart()"><span class="fa fa-times"></span></a>
+  </h3>
+  <hr>
+  <table id="mini-cart-table">
+    <thead>
+      <tr ng-hide="cart.noItems()">
+        <th></th>
+        <th>Item</th>    
+        <th>Precio</th>
+        <th>Cantidad</th>
+        <th></th>
+        <th>Total</th>
+        <th></th>
+
+      </tr>
+    </thead>
+    <tbody>
+      <tr ng-show="cart.noItems()">
+        <td></td>
+        <td colspan="5">No hay productos en el carro</td>
+      </tr>
+
+      <tr ng-repeat="item in cart.itemsInCart" ng-class-odd="'odd'" ng-class-even="'even'" ng-hide="cart.noItems()">
+        <td class="picture">
+          <img ng-src="{[item.variant.images[0].mini_url]}"/>  
+        </td>
+        <td class="name">
+          <a href="/products/{[item.variant.slug]}">
+            {[item.variant.name]}
+          </a>
+        </td>   
+        <td class="price">
+          {[item.variant.price  | currency : '$' : 0 | comma_to_dot]}
+        </td>   
+        <td class="quantity">
+            <input type="number" class="form-control" ng-model="item.new_quantity" ng-init="item.new_quantity = item.quantity"/>
+          </form>
+        </td>
+        <td class="refresh">
+          <a href="#" ng-click="cart.updateCartWithValidation(item.id, item.variant.name, item.variant.id, item.new_quantity, item.quantity)" ng-show="item.new_quantity != item.quantity" ><i class= "glyphicon glyphicon-refresh" ng-class="{'fa-spin': cart.isUpdatingElement(item.id)}" ></i></a>          
+        </td>
+        <td class="subtotal">
+          {[item.total  | currency : '$' : 0 | comma_to_dot]}
+        </td>
+        <td>                
+          <a href ng-click="cart.removeFromCart(item.id, item.variant.name)"><i class= "glyphicon glyphicon-remove-sign"></i></a>
+        </td>
+      </tr>
+      
+    </tbody>
+  </table>
+  <div class="row" ng-hide="cart.noItems()"> 
+     <div class="col-xs-5 pull-right text-right cart-total">
+        <span>
+          Total: 
+        </span>
+        <h4> 
+          {[cart.total  | currency : '$' : 0 | comma_to_dot]}
+        </h4>
+    </div>
+  </div>
+  <div class="row" ng-hide="cart.noItems()">
+    <div class="col-xs-5 pull-right text-right">
+      <a href="/checkout">
+        <div class="btn btn-cart">
+          <span>Realizar la Compra</span>
+          <span class="glyphicon glyphicon-arrow-right"></span>
+        </div>
+      </a>
+    </div>
+  </div>
+
+</div>

data/public/store_templates/public/widgets/_tiendapp_footer.liquid

@@ -0,0 +1,10 @@
+{%  if user.has_tiendapp_footer? %}
+  <div class="tiendapp-footer">
+
+    Hecho en
+    <a href="www.tiendapp.cl">
+      {{'logo_navbar' | customizable_image : customization.logo_tiendapp, preview, 'Logo'}}
+    </a>
+
+  </div>
+{%  endif %}