diff --git a/assets/js/main.js b/assets/js/main.js
index e8af58a..90c6c89 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -441,6 +441,43 @@ let testimonios = {
}
}
+let sticky_button = {
+ elem: $('#columna_sticky #side_button'),
+ setup: function() {
+ $('#modal_sticky').modal()
+ this.elem.click((e) => {
+ $('#modal_sticky').modal('show')
+ })
+ this.elem.sticky({
+ context: '#column'
+ })
+ }
+}
+
+let modal_sticky_form = {
+ elem: $('#modal_sticky form'),
+ color: null,
+ amount: null,
+ setup: function() {
+ this.amount = new Amount($('#modal_sticky form .input input[name="cantidad"]'))
+ this.color = new Colors($('#modal_sticky form .colores'), true)
+
+ this.elem.submit((e) => {
+ e.preventDefault()
+ this.submit()
+ this.elem.parent('#modal_sticky').modal('hide')
+ return false
+ })
+ },
+ submit: function() {
+ carro.add(this.elem.find('[name="cantidad"]').val(), this.elem.find('[name="color"]').val())
+ this.color.change_color('blue')
+ this.amount.n = 0
+ this.amount.print()
+ this.elem.trigger('reset')
+ }
+}
+
let sticky = {
elem: $('#columna_sticky'),
setup: function() {
@@ -455,9 +492,14 @@ let sticky = {
this.elem.find('.sticky .precio').html('$ ' + format(valor))
- $('#columna_sticky .sticky').sticky({
- context: '#column'
- })
+ if ($('#columna_sticky .sticky').css('display') != 'none') {
+ $('#columna_sticky .sticky').sticky({
+ context: '#column'
+ })
+ } else {
+ sticky_button.setup()
+ modal_sticky_form.setup()
+ }
}
}
@@ -477,6 +519,7 @@ let image = {
p.modal.find('.image').append(
$('
').attr('src', img)
)
+ p.modal.find('.image img').css('width', '100%')
p.modal.modal('show')
})
}
diff --git a/assets/sass/_phone.scss b/assets/sass/_phone.scss
index 33b4750..6e01bd3 100644
--- a/assets/sass/_phone.scss
+++ b/assets/sass/_phone.scss
@@ -11,16 +11,17 @@
@import 'phone/nav';
.left.column {
- width: 75%;
+ width: 75% !important;
padding-left: rem(5) !important;
}
.right.column {
- width: 25%;
+ width: 25% !important;
}
.titulo {
padding-top: rem(25);
padding-bottom: rem(20);
+ font-size: 1.5rem;
}
html {
diff --git a/assets/sass/common/_testimonios.scss b/assets/sass/common/_testimonios.scss
index 5f3415d..0892cb6 100644
--- a/assets/sass/common/_testimonios.scss
+++ b/assets/sass/common/_testimonios.scss
@@ -5,7 +5,7 @@
.rating {
.icon {
- color: white;
+ color: yellow;
}
}
}
diff --git a/assets/sass/phone/_sticky.scss b/assets/sass/phone/_sticky.scss
index 247e2f9..58fa604 100644
--- a/assets/sass/phone/_sticky.scss
+++ b/assets/sass/phone/_sticky.scss
@@ -4,10 +4,19 @@
height: 100%;
width: 100%;
+ .column {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+ }
+
+ &>.container {
+ margin-top: 1rem;
+ }
+
.left.column {
pointer-events: none;
}
- .sticky {
+ #sticky_form {
display: none;
background-color: rgba(255, 255, 255, .5);
@@ -68,8 +77,67 @@
}
}
#side_button {
- height: 100%;
- background-color: rgb(0, 0, 0);
- transform: rotate(-90deg);
+ background-color: $gris_standard;
+ color: rgb(255, 255, 255);
+ width: 100%;
+ height: 12rem;
+ cursor: pointer;
+
+ padding-top: 6rem;
+
+ .rotated {
+ transform: rotate(-90deg);
+ font-size: 2rem;
+ }
+ }
+}
+#modal_sticky {
+ .column:first-child {
+ vertical-align: bottom;
+ padding-top: rem(20);
+
+ .titulo {
+ font-size: font_size(25);
+ }
+ .precio {
+ font-size: font_size(16);
+ }
+ font-size: font_size(14);
+
+ @include colors;
+ .input.cantidad {
+ width: 4.5rem;
+ border: thin solid rgb(0, 0, 0);
+ text-align: center;
+ padding: .5rem 0.05rem;
+ font-size: font_size(10);
+
+ button {
+ background: none;
+ border: none;
+ width: 1rem;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+ font-weight: bold;
+ }
+ input {
+ width: 2rem;
+ background: none;
+ margin: 0;
+ border: 0;
+ padding: 0;
+ text-align: center;
+ }
+ .button {
+ border-radius: 0 !important;
+ width: 100%;
+ }
+ }
+ .button {
+ width: 100%;
+ color: $blanco;
+ background-color: $gris_standard;
+ }
}
}
diff --git a/assets/sass/wide/_sticky.scss b/assets/sass/wide/_sticky.scss
index 28cb963..e007ce6 100644
--- a/assets/sass/wide/_sticky.scss
+++ b/assets/sass/wide/_sticky.scss
@@ -7,7 +7,7 @@
.left.column {
pointer-events: none;
}
- .sticky {
+ #sticky_form {
background-color: rgba(255, 255, 255, .5);
z-index: 10;
diff --git a/public/assets/scripts/main.js b/public/assets/scripts/main.js
index e8af58a..90c6c89 100644
--- a/public/assets/scripts/main.js
+++ b/public/assets/scripts/main.js
@@ -441,6 +441,43 @@ let testimonios = {
}
}
+let sticky_button = {
+ elem: $('#columna_sticky #side_button'),
+ setup: function() {
+ $('#modal_sticky').modal()
+ this.elem.click((e) => {
+ $('#modal_sticky').modal('show')
+ })
+ this.elem.sticky({
+ context: '#column'
+ })
+ }
+}
+
+let modal_sticky_form = {
+ elem: $('#modal_sticky form'),
+ color: null,
+ amount: null,
+ setup: function() {
+ this.amount = new Amount($('#modal_sticky form .input input[name="cantidad"]'))
+ this.color = new Colors($('#modal_sticky form .colores'), true)
+
+ this.elem.submit((e) => {
+ e.preventDefault()
+ this.submit()
+ this.elem.parent('#modal_sticky').modal('hide')
+ return false
+ })
+ },
+ submit: function() {
+ carro.add(this.elem.find('[name="cantidad"]').val(), this.elem.find('[name="color"]').val())
+ this.color.change_color('blue')
+ this.amount.n = 0
+ this.amount.print()
+ this.elem.trigger('reset')
+ }
+}
+
let sticky = {
elem: $('#columna_sticky'),
setup: function() {
@@ -455,9 +492,14 @@ let sticky = {
this.elem.find('.sticky .precio').html('$ ' + format(valor))
- $('#columna_sticky .sticky').sticky({
- context: '#column'
- })
+ if ($('#columna_sticky .sticky').css('display') != 'none') {
+ $('#columna_sticky .sticky').sticky({
+ context: '#column'
+ })
+ } else {
+ sticky_button.setup()
+ modal_sticky_form.setup()
+ }
}
}
@@ -477,6 +519,7 @@ let image = {
p.modal.find('.image').append(
$('
').attr('src', img)
)
+ p.modal.find('.image img').css('width', '100%')
p.modal.modal('show')
})
}
diff --git a/public/assets/scripts/main.min.js b/public/assets/scripts/main.min.js
index 73c8434..8a8340c 100644
--- a/public/assets/scripts/main.min.js
+++ b/public/assets/scripts/main.min.js
@@ -1,2 +1,2 @@
-"use strict";function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(t,e){for(var i=0;i
'),"minus"==t&&this[t].html('this.fotos&&(t=1),this.elem.find(".gallery .image img").attr("src","./assets/images/galeria/foto"+t+".jpg"),this.current=t},prev:function(){var t=this.current-1;t<1&&(t=this.fotos),this.elem.find(".gallery .image img").attr("src","./assets/images/galeria/foto"+t+".jpg"),this.current=t}},dimensiones={colors:available_colors,elem:$("#dimensiones"),setup:function(){var a=this;this.elem.find(".colores .circle").each(function(t,e){var i=$(e).attr("class").split(" ")[0];$(e).css("background-color")!=a.colors[i].rgb&&$(e).css("background-color",a.colors[i].rgb),$(e).click(function(t){a.change_color(i)})})},change_color:function(t){this.picked=this.colors[t].name,this.elem.find(".colores .circle").each(function(t,e){$(e).removeClass("selected")}),this.elem.find(".colores ."+t+".circle").addClass("selected"),this.change_images(this.colors[t].name)},change_images:function(a){this.elem.find(".fotos img").each(function(t,e){var i=$(e).attr("class");$(e).attr("src","./assets/images/fotos/"+a+"/"+i+".jpg")})}},smtp={SecureToken:"4adcdc1f-6b6e-4e60-ab72-20da4c329b09",From:"contacto@3dstand.cl"},sticky_form={elem:$(".sticky form"),color:null,amount:null,setup:function(){var e=this;this.amount=new Amount($('.sticky .input input[name="cantidad"]')),this.color=new Colors($(".sticky .colores"),!0),this.elem.submit(function(t){return t.preventDefault(),e.submit(),!1})},submit:function(){carro.add(this.elem.find('[name="cantidad"]').val(),this.elem.find('[name="color"]').val()),this.color.change_color("blue"),this.amount.n=0,this.amount.print(),this.elem.trigger("reset")}},cotiza_form={elem:$("#corporativos form"),setup:function(){var e=this;this.elem.submit(function(t){return t.preventDefault(),e.submit(),!1}),this.file=this.elem.find('input[type="file"]'),this.elem.find(".file").click(function(t){e.file.trigger("click")})},submit:function(){var t=this.elem.find('[name="email"]').val(),e=new FormData(this.elem[0]),i=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+t,"Teléfono: "+this.elem.find('[name="telefono"]').val(),"","Color: "+this.elem.find('[name="color"]').val(),"Cantidad: "+this.elem.find('[name="cantidad"]').val(),this.elem.find('[name="mensaje"]').val()],e={SecureToken:smtp.SecureToken,To:t,From:smtp.From,Subject:"Cotizacion - "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:i.join("=this.testimonios.length);i++)e.append($("
").attr("class","ui centered fluid card").append($("
").attr("class","center aligned content").append($("
").attr("class","header").html(this.testimonios[t].autor.toUpperCase())).append($("
").attr("class","description").html(this.testimonios[t].contenido))).append($("
").attr("class","center aligned content").append($("
").attr("class","ui mini black rating disabled").attr("data-rating","5").attr("data-max-rating","5")))),t++;this.elem.find(".ui.rating").rating(),this.draw_nav()},draw_nav:function(){var t=this.maxPages,e=this.page,i=this.elem.find(".nav"),a=this;i.html("");for(var n=0;n").attr("class","small circle outline icon").css("cursor","pointer").attr("data-page",n);n==e&&o.removeClass("outline"),o.click(function(t){a.page=parseInt($(this).attr("data-page")),a.draw()}),i.append(o)}}},sticky={elem:$("#columna_sticky"),setup:function(){var i=0;$("section.columna").each(function(t,e){i+=$(e).outerHeight(!0)}),this.elem.height(i),this.elem.find("#column").height(i),sticky_form.setup(),this.elem.find(".sticky .precio").html("$ "+format(valor)),$("#columna_sticky .sticky").sticky({context:"#column"})}},image={elem:$(".agrandable"),modal:$("#images.modal"),setup:function(){var e=this;this.modal.modal(),this.modal.find(".close.icon").click(function(t){e.modal.modal("hide"),e.modal.find(".image").html("")});var i=this;this.elem.click(function(t){var e=$(this).find("img").attr("src");i.modal.find(".image").html(""),i.modal.find(".image").append($("").attr("data-id",this.id).append($("
").attr("class","ui tiny image").append($("'),"minus"==t&&this[t].html('this.fotos&&(t=1),this.elem.find(".gallery .image img").attr("src","./assets/images/galeria/foto"+t+".jpg"),this.current=t},prev:function(){var t=this.current-1;t<1&&(t=this.fotos),this.elem.find(".gallery .image img").attr("src","./assets/images/galeria/foto"+t+".jpg"),this.current=t}},dimensiones={colors:available_colors,elem:$("#dimensiones"),setup:function(){var a=this;this.elem.find(".colores .circle").each(function(t,e){var i=$(e).attr("class").split(" ")[0];$(e).css("background-color")!=a.colors[i].rgb&&$(e).css("background-color",a.colors[i].rgb),$(e).click(function(t){a.change_color(i)})})},change_color:function(t){this.picked=this.colors[t].name,this.elem.find(".colores .circle").each(function(t,e){$(e).removeClass("selected")}),this.elem.find(".colores ."+t+".circle").addClass("selected"),this.change_images(this.colors[t].name)},change_images:function(a){this.elem.find(".fotos img").each(function(t,e){var i=$(e).attr("class");$(e).attr("src","./assets/images/fotos/"+a+"/"+i+".jpg")})}},smtp={SecureToken:"4adcdc1f-6b6e-4e60-ab72-20da4c329b09",From:"contacto@3dstand.cl"},sticky_form={elem:$(".sticky form"),color:null,amount:null,setup:function(){var e=this;this.amount=new Amount($('.sticky .input input[name="cantidad"]')),this.color=new Colors($(".sticky .colores"),!0),this.elem.submit(function(t){return t.preventDefault(),e.submit(),!1})},submit:function(){carro.add(this.elem.find('[name="cantidad"]').val(),this.elem.find('[name="color"]').val()),this.color.change_color("blue"),this.amount.n=0,this.amount.print(),this.elem.trigger("reset")}},cotiza_form={elem:$("#corporativos form"),setup:function(){var e=this;this.elem.submit(function(t){return t.preventDefault(),e.submit(),!1}),this.file=this.elem.find('input[type="file"]'),this.elem.find(".file").click(function(t){e.file.trigger("click")})},submit:function(){var t=this.elem.find('[name="email"]').val(),e=new FormData(this.elem[0]),i=["Nombre: "+this.elem.find('[name="nombre"]').val(),"E-mail: "+t,"Teléfono: "+this.elem.find('[name="telefono"]').val(),"","Color: "+this.elem.find('[name="color"]').val(),"Cantidad: "+this.elem.find('[name="cantidad"]').val(),this.elem.find('[name="mensaje"]').val()],e={SecureToken:smtp.SecureToken,To:t,From:smtp.From,Subject:"Cotizacion - "+(new Date).toLocaleString("es-CL",{timezone:"UTC-3"}),Body:i.join("=this.testimonios.length);i++)e.append($("
").attr("class","ui centered fluid card").append($("
").attr("class","center aligned content").append($("
").attr("class","header").html(this.testimonios[t].autor.toUpperCase())).append($("
").attr("class","description").html(this.testimonios[t].contenido))).append($("
").attr("class","center aligned content").append($("
").attr("class","ui mini black rating disabled").attr("data-rating","5").attr("data-max-rating","5")))),t++;this.elem.find(".ui.rating").rating(),this.draw_nav()},draw_nav:function(){var t=this.maxPages,e=this.page,i=this.elem.find(".nav"),a=this;i.html("");for(var n=0;n").attr("class","small circle outline icon").css("cursor","pointer").attr("data-page",n);n==e&&o.removeClass("outline"),o.click(function(t){a.page=parseInt($(this).attr("data-page")),a.draw()}),i.append(o)}}},sticky_button={elem:$("#columna_sticky #side_button"),setup:function(){$("#modal_sticky").modal(),this.elem.click(function(t){$("#modal_sticky").modal("show")}),this.elem.sticky({context:"#column"})}},modal_sticky_form={elem:$("#modal_sticky form"),color:null,amount:null,setup:function(){var e=this;this.amount=new Amount($('#modal_sticky form .input input[name="cantidad"]')),this.color=new Colors($("#modal_sticky form .colores"),!0),this.elem.submit(function(t){return t.preventDefault(),e.submit(),e.elem.parent("#modal_sticky").modal("hide"),!1})},submit:function(){carro.add(this.elem.find('[name="cantidad"]').val(),this.elem.find('[name="color"]').val()),this.color.change_color("blue"),this.amount.n=0,this.amount.print(),this.elem.trigger("reset")}},sticky={elem:$("#columna_sticky"),setup:function(){var i=0;$("section.columna").each(function(t,e){i+=$(e).outerHeight(!0)}),this.elem.height(i),this.elem.find("#column").height(i),sticky_form.setup(),this.elem.find(".sticky .precio").html("$ "+format(valor)),"none"!=$("#columna_sticky .sticky").css("display")?$("#columna_sticky .sticky").sticky({context:"#column"}):(sticky_button.setup(),modal_sticky_form.setup())}},image={elem:$(".agrandable"),modal:$("#images.modal"),setup:function(){var e=this;this.modal.modal(),this.modal.find(".close.icon").click(function(t){e.modal.modal("hide"),e.modal.find(".image").html("")});var i=this;this.elem.click(function(t){var e=$(this).find("img").attr("src");i.modal.find(".image").html(""),i.modal.find(".image").append($("").attr("data-id",this.id).append($("
").attr("class","ui tiny image").append($(" {\r\n this.increment()\r\n this.print()\r\n })\r\n this.minus.click((e) => {\r\n this.decrement()\r\n this.print()\r\n })\r\n this.elem.change((e) => {\r\n this.n = parseInt(this.elem.val())\r\n this.print()\r\n })\r\n this.print()\r\n }\r\n enable_button(name) {\r\n this[name].removeClass('disabled')\r\n if (name == 'plus') {\r\n this[name].html('
').attr('class', 'ui centered fluid card').append(\r\n $('
').attr('class', 'center aligned content').append(\r\n $('
').attr('class', 'header').html(this.testimonios[n]['autor'].toUpperCase())\r\n ).append(\r\n $('
').attr('class', 'description').html(this.testimonios[n]['contenido'])\r\n )\r\n ).append(\r\n $('
').attr('class', 'center aligned content').append(\r\n $('
').attr('class', 'ui mini black rating disabled').attr('data-rating', '5').attr('data-max-rating', '5')\r\n )\r\n )\r\n )\r\n n ++\r\n }\r\n this.elem.find('.ui.rating').rating()\r\n this.draw_nav()\r\n },\r\n draw_nav: function() {\r\n let N = this.maxPages\r\n let k = this.page\r\n let nav = this.elem.find('.nav')\r\n let tests = this\r\n nav.html('')\r\n for (var i = 0; i < N; i ++) {\r\n var circle = $('
').attr('class', 'ui tiny image').append(\r\n $('
').attr('class', 'ui centered fluid card').append(\r\n $('
').attr('class', 'center aligned content').append(\r\n $('
').attr('class', 'header').html(this.testimonios[n]['autor'].toUpperCase())\r\n ).append(\r\n $('
').attr('class', 'description').html(this.testimonios[n]['contenido'])\r\n )\r\n ).append(\r\n $('
').attr('class', 'center aligned content').append(\r\n $('
').attr('class', 'ui mini black rating disabled').attr('data-rating', '5').attr('data-max-rating', '5')\r\n )\r\n )\r\n )\r\n n ++\r\n }\r\n this.elem.find('.ui.rating').rating()\r\n this.draw_nav()\r\n },\r\n draw_nav: function() {\r\n let N = this.maxPages\r\n let k = this.page\r\n let nav = this.elem.find('.nav')\r\n let tests = this\r\n nav.html('')\r\n for (var i = 0; i < N; i ++) {\r\n var circle = $('
').attr('class', 'ui tiny image').append(\r\n $('Stand Chile adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
VENTAJAS
CONSTRUIDOS CON IMPRESIÓN 3D
CORPORATIVOS
Stand Chile adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
VENTAJAS
CONSTRUIDOS CON IMPRESIÓN 3D
CORPORATIVOS
