Termo Rojo Camping Deporte

Proident veniam qui deserunt enim sunt fugiat fugiat laboris velit. Velit. Cupidatat ad dolor qui et nisi aliquip voluptate proide ....

Termo Rojo Camping Deporte
Ver mas

El precio original era: 35,00€.El precio actual es: 30,00€.

Ipad Pro

Pantalla Liquid Retina de 11 pulgadas con ProMotion, tecnología True Tone y gama cromática amplia (P3) Chip M2 con CPU de 8 n ....

Ipad Pro
Ver mas

El precio original era: 980,00€.El precio actual es: 925,00€.

Pantalón Puma Ultrawave

Id velit reprehenderit est labore duis amet elit. Ea consectetur proident aliqua sunt Lorem. Id sit non exercitation dolore exerci ....

Pantalón Puma Ultrawave
Ver mas

El precio original era: 52,00€.El precio actual es: 48,00€.

La siguiente sección no forma parte del template.
Ver las instrucciones abajo en la descripción.
Copiar Guia
{"component":{"id":106,"name":"ct_section","options":{"ct_id":106,"ct_parent":100026,"selector":"section-106-459","original":{},"nicename":"Section (#106)","activeselector":""},"depth":4,"children":[{"id":4,"name":"oxy_dynamic_list","options":{"ct_id":4,"ct_parent":106,"selector":"_dynamic_list-4-459","original":{"wp_query":"advanced","wp_query_advanced_preset":"Custom Settings","wp_query_advanced":[{"key":"post_type","values":[{"value":"product"}]},{"key":"posts_per_page","values":[{"value":"3"}]},{"key":"no_found_rows","values":[{"value":"true"}]},{"key":"orderby","values":[{"value":"rand"}]}]},"nicename":"woo3-main-container","activeselector":false,"classes":["woo3-main-container"]},"depth":5,"children":[{"id":5,"name":"ct_div_block","options":{"ct_id":5,"ct_parent":4,"selector":"div_block-5-459","original":{},"nicename":"woo3-div-prod","activeselector":"woo3-div-prod","classes":["woo3-div-prod"]},"depth":6,"children":[{"id":80,"name":"ct_div_block","options":{"ct_id":80,"ct_parent":5,"selector":"div_block-80-459","original":{},"nicename":"woo3-div_datos","classes":["woo3-div_datos"],"activeselector":"woo3-div_datos"},"depth":7,"children":[{"id":17,"name":"ct_headline","options":{"ct_id":17,"ct_parent":80,"selector":"headline-17-459","original":{"tag":"h3"},"nicename":"woo3-prod_nombre","ct_content":"","activeselector":"woo3-prod_nombre","classes":["woo3-prod_nombre"]},"depth":8,"children":[{"id":23,"name":"ct_span","options":{"ct_id":23,"ct_parent":17,"selector":"span-23-459","original":{},"nicename":"Span (#23)","ct_content":"03 - Woocommerce"},"depth":9}]},{"id":29,"name":"ct_div_block","options":{"ct_id":29,"ct_parent":80,"selector":"div_block-29-459","original":{},"nicename":"woo3-prod_div-categoria","activeselector":"woo3-prod_div-categoria","classes":["woo3-prod_div-categoria"]},"depth":8,"children":[{"id":31,"name":"ct_text_block","options":{"ct_id":31,"ct_parent":29,"selector":"text_block-31-459","original":{},"nicename":"Text (#31)","ct_content":"","activeselector":""},"depth":9,"children":[{"id":32,"name":"ct_span","options":{"ct_id":32,"ct_parent":31,"selector":"span-32-459","original":{},"nicename":"Span (#32)","ct_content":""},"depth":10}]}]}]},{"id":34,"name":"ct_text_block","options":{"ct_id":34,"ct_parent":5,"selector":"text_block-34-459","original":{"tag":"p"},"nicename":"woo3-prod_desc","classes":["woo3-prod_desc"],"activeselector":false,"ct_content":"Proident veniam qui deserunt enim sunt fugiat fugiat laboris velit. Velit. Cupidatat ad dolor qui et nisi aliquip voluptate proide ..."},"depth":7},{"id":69,"name":"ct_div_block","options":{"ct_id":69,"ct_parent":5,"selector":"div_block-69-459","original":{},"nicename":"woo3-div_imgYprecio","classes":["woo3-div_imgYprecio"],"activeselector":"woo3-div_imgYprecio"},"depth":7,"children":[{"id":78,"name":"ct_div_block","options":{"ct_id":78,"ct_parent":69,"selector":"div_block-78-459","original":{},"nicename":"woo3-div_img","classes":["woo3-div_img"],"activeselector":"woo3-div_img"},"depth":8,"children":[{"id":71,"name":"ct_image","options":{"ct_id":71,"ct_parent":78,"selector":"image-71-459","original":{"image_type":"1","attachment_size":"full","attachment_id":"463","attachment_height":500,"attachment_width":500,"attachment_url":"https://templates.juanamado.eu/wp-content/uploads/2023/10/termo-rojo.webp","src":"https://templates.oxygenados.com/wp-content/uploads/2023/11/woo3.webp","srcdynamic":true},"nicename":"woo3-prod_img","classes":["woo3-prod_img"],"activeselector":"woo3-prod_img"},"depth":9},{"id":72,"name":"ct_div_block","options":{"ct_id":72,"ct_parent":78,"selector":"div_block-72-459","original":{},"nicename":"woo3-div_overlay","classes":["woo3-div_overlay"],"activeselector":"woo3-div_overlay"},"depth":9}]}]},{"id":120,"name":"ct_link","options":{"ct_id":120,"ct_parent":5,"selector":"link-120-459","original":{"url":"https://templates.oxygenados.com/03-woo/"},"nicename":"Link Wrapper (#120)","classes":["woo3-prod-boton"],"activeselector":"woo3-prod-boton"},"depth":7,"children":[{"id":117,"name":"ct_text_block","options":{"ct_id":117,"ct_parent":120,"selector":"text_block-117-459","original":{},"nicename":"Text (#117)","ct_content":"Ver Mas"},"depth":8}]},{"id":8,"name":"oxy-product-price","options":{"ct_id":8,"ct_parent":5,"selector":"-product-price-8-459","original":{},"nicename":"Product Price (#8)","activeselector":"woo3-prod_prec","classes":["woo3-prod_prec"]},"depth":7}]}]}]},"classes":{"woo3-main-container":{"key":"woo3-main-container","original":{"width-unit":"%","width":"100","display":"flex","flex-direction":"row","gap":"25","align-items":"flex-start"}},"woo3-div-prod":{"original":{},"key":"woo3-div-prod"},"woo3-div_datos":{"original":{},"key":"woo3-div_datos"},"woo3-prod_nombre":{"original":{},"key":"woo3-prod_nombre"},"woo3-prod_div-categoria":{"original":{},"key":"woo3-prod_div-categoria"},"woo3-prod_desc":{"original":{},"key":"woo3-prod_desc"},"woo3-div_imgYprecio":{"original":{},"key":"woo3-div_imgYprecio"},"woo3-div_img":{"original":{},"key":"woo3-div_img"},"woo3-prod_img":{"original":{},"key":"woo3-prod_img"},"woo3-div_overlay":{"original":{},"key":"woo3-div_overlay"},"woo3-prod-boton":{"original":{},"key":"woo3-prod-boton"},"woo3-prod_prec":{"original":{},"key":"woo3-prod_prec"}}}

Zapatilla Mujer

Proident veniam qui deserunt enim sunt fugiat fugiat laboris velit. Velit. Cupidatat ad dolor qui et nisi aliquip voluptate proide ...

Ver Mas

El precio original era: 135,00€.El precio actual es: 100,00€.

Pantalón Cordón

Proident veniam qui deserunt enim sunt fugiat fugiat laboris velit. Velit. Cupidatat ad dolor qui et nisi aliquip voluptate proide ...

Ver Mas

39,00

Termo Camping Inox

Proident veniam qui deserunt enim sunt fugiat fugiat laboris velit. Velit. Cupidatat ad dolor qui et nisi aliquip voluptate proide ...

Ver Mas

El precio original era: 35,00€.El precio actual es: 30,00€.

eyJzb3VyY2UiOiJodHRwczovL3RlbXBsYXRlcy5veHlnZW5hZG9zLmNvbSIsImNvbXBvbmVudCI6W3siaWQiOjIsIm5hbWUiOiJjdF9zZWN0aW9uIiwib3B0aW9ucyI6eyJjdF9pZCI6MiwiY3RfcGFyZW50IjoxMDAwMjYsInNlbGVjdG9yIjoic2VjdGlvbi0yLTQ1OSIsIm9yaWdpbmFsIjp7InRhZyI6ImRpdiJ9LCJuaWNlbmFtZSI6IlNlY3Rpb24gKCMyKSIsImFjdGl2ZXNlbGVjdG9yIjpmYWxzZX0sImRlcHRoIjo0LCJjaGlsZHJlbiI6W3siaWQiOjMsIm5hbWUiOiJjdF9jb2RlX2Jsb2NrIiwib3B0aW9ucyI6eyJjdF9pZCI6MywiY3RfcGFyZW50IjoyLCJzZWxlY3RvciI6ImNvZGVfYmxvY2stMy00NTkiLCJvcmlnaW5hbCI6eyJjb2RlLXBocCI6Ijw/cGhwXG4kY2F0ZWdvcmllcyA9IGdldF90ZXJtcyhbXG4gICd0YXhvbm9teScgPT4gJ3Byb2R1Y3RfY2F0JyxcbiAgJ2hpZGVfZW1wdHknID0+IHRydWUsXG5dKTtcbiRzZWxlY3RlZF9jYXRlZ29yaWVzID0gYXJyYXlfcmFuZCgkY2F0ZWdvcmllcywgMyk7XG4kcHJvZHVjdHMgPSBbXTtcbmZvcmVhY2ggKCRzZWxlY3RlZF9jYXRlZ29yaWVzIGFzICRjYXRlZ29yeSkge1xuICAkYXJncyA9IFtcbiAgICAncG9zdF90eXBlJyA9PiAncHJvZHVjdCcsXG4gICAgJ3Bvc3RzX3Blcl9wYWdlJyA9PiAxLFxuICAgICd0YXhfcXVlcnknID0+IFtcbiAgICAgIFtcbiAgICAgICAgJ3RheG9ub215JyA9PiAncHJvZHVjdF9jYXQnLFxuICAgICAgICAnZmllbGQnID0+ICd0ZXJtX2lkJyxcbiAgICAgICAgJ3Rlcm1zJyA9PiAkY2F0ZWdvcmllc1skY2F0ZWdvcnldLT50ZXJtX2lkLFxuICAgICAgXSxcbiAgICBdLFxuICAgICdvcmRlcmJ5JyA9PiAncmFuZCcsXG4gIF07XG4gICRxdWVyeSA9IG5ldyBXUF9RdWVyeSgkYXJncyk7XG4gIGlmICgkcXVlcnktPmhhdmVfcG9zdHMoKSkge1xuICAgICRxdWVyeS0+dGhlX3Bvc3QoKTtcbiAgICAkcHJvZHVjdCA9IHdjX2dldF9wcm9kdWN0KGdldF90aGVfSUQoKSk7XG4gICAgJHByb2R1Y3RzW10gPSBbXG4gICAgICAnbmFtZScgPT4gJHByb2R1Y3QtPmdldF9uYW1lKCksXG4gICAgICAnZGVzY3JpcHRpb24nID0+ICRwcm9kdWN0LT5nZXRfZGVzY3JpcHRpb24oKSxcbiAgICAgICdpbWFnZScgPT4gZ2V0X3RoZV9wb3N0X3RodW1ibmFpbF91cmwoJHByb2R1Y3QtPklELCAnbWVkaXVtJyksXG4gICAgICAnY2F0ZWdvcnlfbGluaycgPT4gZ2V0X3Rlcm1fbGluaygkY2F0ZWdvcmllc1skY2F0ZWdvcnldLT50ZXJtX2lkKSxcbiAgICAgICdwcmljZScgPT4gJHByb2R1Y3QtPmdldF9wcmljZV9odG1sKCksXG4gICAgICAnY2F0ZWdzJyA9PiBnZXRfdGhlX3Rlcm1zKCRwcm9kdWN0LT5JRCwgJ3Byb2R1Y3RfY2F0JyksXG4gICAgICAnY2F0X2lkJyA9PiAkY2F0ZWdvcmllc1skY2F0ZWdvcnldLT50ZXJtX2lkLFxuICAgIF07XG4gIH1cbiAgd3BfcmVzZXRfcG9zdGRhdGEoKTtcbn1cbmZvcmVhY2ggKCRwcm9kdWN0cyBhcyAkaW5kZXggPT4gJHByb2R1Y3QpIHtcbiAgJGVubGFjZXMgPSBbXTtcbiAgZm9yZWFjaCAoJHByb2R1Y3RbJ2NhdGVncyddIGFzICR0ZXJtKSB7XG4gICAgJGVubGFjZXNbXSA9ICc8YSAgY2xhc3M9XCJ3b28zLXByb2RfY2F0ZWdvcmlhXCIgaHJlZj1cIicgLiBnZXRfdGVybV9saW5rKCR0ZXJtLT50ZXJtX2lkKSAuICdcIj4nIC4gJHRlcm0tPm5hbWUgLiAnPC9hPic7XG4gIH1cbiAgJHByb2RfZGVzY3JpcGNpb24gPSAkcHJvZHVjdFsnZGVzY3JpcHRpb24nXTtcbiAgaWYgKHN0cmxlbigkcHJvZF9kZXNjcmlwY2lvbikgPiAxMzApIHtcbiAgICAkcHJvZF9kZXNjcmlwY2lvbiA9IHN1YnN0cigkcHJvZF9kZXNjcmlwY2lvbiwgMCwgMTMwKSAuIFwiIC4uLi5cIjtcbiAgfVxuICBlY2hvICc8ZGl2IGNsYXNzPVwid29vMy1kaXYtcHJvZFwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3b28zLWRpdl9kYXRvc1wiPlxuICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJ3b28zLXByb2Rfbm9tYnJlXCI+JyAuICRwcm9kdWN0WyduYW1lJ10gLiAnPC9oMz5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIndvbzMtcHJvZF9kaXYtY2F0ZWdvcmlhXCI+XG4gICAgICAgICAgICAgICAgJy4gaW1wbG9kZSgnIC0gJywgJGVubGFjZXMpIC4gJ1xuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgPHAgY2xhc3M9XCJ3b28zLXByb2RfZGVzY1wiPicgLiAkcHJvZF9kZXNjcmlwY2lvbiAuICc8L3A+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3b28zLWRpdl9pbWdZcHJlY2lvXCI+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3b28zLWRpdl9pbWdcIj5cbiAgICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwid29vMy1wcm9kX2ltZ1wiIHNyYz1cIicgLiAkcHJvZHVjdFsnaW1hZ2UnXSAuICdcIiBhbHQ9XCInIC4gJHByb2R1Y3RbJ25hbWUnXSAuICdcIj5cbiAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIndvbzMtZGl2X292ZXJsYXlcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgIDxhIGhyZWY9XCInIC4gZ2V0X3Blcm1hbGluaygpIC4gJ1wiIGNsYXNzPVwid29vMy1wcm9kLWJvdG9uXCI+VmVyIG1hczwvYT5cbiAgICAgICAgICAgICA8cCBjbGFzcz1cIndvbzMtcHJvZF9wcmVjXCI+JyAuICRwcm9kdWN0WydwcmljZSddIC4gJzwvcD5cbiAgICAgICAgICAgPC9kaXY+XG4gICAgICAgPC9kaXY+Jztcbn1cbj8+XG4iLCJjb2RlLWNzcyI6Ijpyb290e1xuICAtLXdvbzMtY29sb3I6ICNiNzg3NTI7XG59XG4ud29vMy1tYWluLWNvbnRhaW5lcntcbiAgICB3aWR0aDogMTAwJTtcbiAgICBnYXA6IDI1cHg7XG4gICAgZGlzcGxheTogZ3JpZCAhaW1wb3J0YW50O1xuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLG1pbm1heCgyMDBweCwxZnIpKTtcbiAgICBncmlkLWNvbHVtbi1nYXA6IDIwcHg7XG59XG5cbi53b28zLWRpdi1wcm9ke1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuLndvbzMtZGl2X2RhdG9zIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLndvbzMtcHJvZF9ub21icmV7XG4gIGZvbnQtc2l6ZTogMjBweDtcbiAgcGFkZGluZzogMCAxNXB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBjb2xvcjogdmFyKC0td29vMy1jb2xvcik7XG59XG4ud29vMy1wcm9kX2Rpdi1jYXRlZ29yaWF7ICBcbiAgICB3aWR0aDogMTAwJTtcbiAgICBwYWRkaW5nLWxlZnQ6IDI1cHg7XG4gICAgZ2FwOiAzcHg7XG59XG4ud29vMy1wcm9kX2NhdGVnb3JpYSAqe1xuICBmb250LXNpemU6IDEycHg7XG59XG4ud29vMy1wcm9kX2Rlc2N7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgcGFkZGluZzogMCA0MHB4OyAgXG4gIHRleHQtYWxpZ246bGVmdDtcbn1cbi53b28zLWRpdl9pbWdZcHJlY2lve1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctdG9wOiAwcHg7XG59XG4ud29vMy1kaXZfaW1ne1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdHJhbnNpdGlvbjogLjNzIGVhc2UtaW4tb3V0O1xuIH1cbi8qIEN1aWRhZG8gY29uIGxhcyBkb3MgY2xhc2VzIFNJR1VJRU5URVMgKi9cbi53b28zLWRpdl9pbWc6aG92ZXIgLndvbzMtZGl2X292ZXJsYXl7XG4gIG9wYWNpdHk6IDA7XG4gIHotaW5kZXg6IC0xO1xufVxuLndvbzMtZGl2X2ltZzpob3ZlciAud29vMy1wcm9kX2ltZ3tcbiAgdHJhbnNmb3JtOiBzY2FsZSgxLjA1KVxufVxuLyogQ3VpZGFkbyBjb24gbGFzIGRvcyBjbGFzZXMgQU5URVJJT1JFUyAqL1xuLndvbzMtcHJvZF9pbWd7XG4gIHdpZHRoOiAyNTBweDtcbiAgb2JqZWN0LWZpdDogY29udGFpbjtcbn1cbi53b28zLWRpdl9vdmVybGF5e1xuICBwb3NpdGlvbjphYnNvbHV0ZTtcbiAgY29udGVudDpcIlwiO1xuICB0b3A6IDA7XG4gIGxlZnQ6MDtcbiAgd2lkdGg6MTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsMCwwLC4wNSk7XG4gIHRyYW5zaXRpb246IC4zcyBlYXNlLWluLW91dDtcbiAgYm9yZGVyLXJhZGl1czo1cHg7XG59XG5cbi53b28zLXByb2QtYm90b257XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBwYWRkaW5nOiAxMHB4IDI1cHggNXB4IDI1cHg7XG4gIGNvbG9yOiB2YXIoLS13b28zLWNvbG9yKTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0td29vMy1jb2xvcik7XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgdHJhbnNpdGlvbjogLjFzIGVhc2UtaW4tb3V0IGFsbDtcbn1cblxuLndvbzMtcHJvZC1ib3Rvbjpob3ZlcntcbiAgdHJhbnNmb3JtOnNjYWxlKDEuMDUpO1xuICBib3gtc2hhZG93OiAwIDAgNXB4IHZhcigtLXdvbzMtY29sb3IpO1xufVxuXG4ud29vMy1wcm9kX3ByZWN7XG4gICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG59XG4vKiBDdWlkYWRvIGNvbiBUT0RBUyBsYXMgY2xhc2VzIFNJR1VJRU5URVMgKi9cbi53b28zLXByb2RfcHJlYyBkZWwgYmRpe1xuICBmb250LXNpemU6IDE4cHg7XG4gIG9wYWNpdHk6IDAuNTA7XG4gIG1hcmdpbi1yaWdodDogMTBweDtcbiAgZm9udC13ZWlnaHQ6IDEwMDtcbn1cbi53b28zLXByb2RfcHJlYyBiZGl7XG4gIGZvbnQtc2l6ZTogMjJweDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cbi53b28zLXByb2RfcHJlYyBpbnN7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZSAhaW1wb3J0YW50O1xufVxuLndvbzMtcHJvZF9wcmVjIC53b29jb21tZXJjZS1QcmljZS1jdXJyZW5jeVN5bWJvbHtcbiAgbWFyZ2luLWxlZnQ6IDVweDtcbn1cbkBtZWRpYSBzY3JlZW4gYW5kICggbWF4LXdpZHRoOiAgOTkxcHgpIHtcbiAgLndvbzMtcHJvZF9ub21icmV7XG4gICAgZm9udC1zaXplOiAxOHB4O1xuICB9XG5cbkBtZWRpYSBzY3JlZW4gYW5kICggbWF4LXdpZHRoOjc2N3B4KSB7XG4gIC53b28zLW1haW4tY29udGFpbmVye1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDEsbWlubWF4KDIwMHB4LDFmcikpXG4gIH1cbiAgLndvbzMtZGl2LXByb2R7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICAud29vMy1kaXYtcHJvZDpub3QoOm50aC1sYXN0LWNoaWxkKDEgb2YgLndvbzMtZGl2LXByb2QpKXtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLDAsMCwgLjQpO1xuICAgIG1hcmdpbi1ib3R0b206IDEwcHg7XG4gIH1cbiAgLndvbzMtZGl2X2ltZyxcbiAgLndvbzMtcHJvZF9pbWd7XG4gICAgd2lkdGg6IDg1JTtcbiAgfVxuICAgLndvbzMtZGl2X292ZXJsYXl7XG4gICAgZGlzcGxheTpub25lO1xuICB9XG59XG5cbiIsImNvZGUtanMiOiJkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdET01Db250ZW50TG9hZGVkJywoKT0+e1xuY29uc3QgaW1nRGl2cyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXCIud29vMy1kaXZfaW1nXCIpLFxuICAgICAgaW1EZXMgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKFwiLndvbzMtcHJvZF9kZXNjXCIpLFxuICAgICAgYWRkUHggPSAzMFxuXG5sZXQgbXhJbWcgPSAwXG5pbWdEaXZzLmZvckVhY2goKGltZyk9PntcbiAgaWYoaW1nLmNsaWVudEhlaWdodCA+IG14SW1nKVxuICAgICBteEltZyA9IGltZy5jbGllbnRIZWlnaHRcbn0pXG5mb3IoaW1EaXYgb2YgaW1nRGl2cylcbiAgaW1EaXYuc3R5bGUuaGVpZ2h0ID0gbXhJbWcrYWRkUHgrXCJweFwiXG4gIFxubXhJbWcgPSAwXG5pbURlcy5mb3JFYWNoKChkZXMpPT57XG4gIGlmKGRlcy5jbGllbnRIZWlnaHQgPiBteEltZylcbiAgICAgbXhJbWcgPSBkZXMuY2xpZW50SGVpZ2h0XG59KVxuZm9yKGRlc0Mgb2YgaW1EZXMpXG4gIGRlc0Muc3R5bGUuaGVpZ2h0ID0gbXhJbWcrXCJweFwiXG4gXG5cbn0pIiwidXNlQ3VzdG9tVGFnIjoidHJ1ZSJ9LCJuaWNlbmFtZSI6IkNvZGUgQmxvY2sgKCM0KSIsImNsYXNzZXMiOlsid29vMy1tYWluLWNvbnRhaW5lciJdLCJhY3RpdmVzZWxlY3RvciI6IndvbzMtbWFpbi1jb250YWluZXIifSwiZGVwdGgiOjV9XX1dLCJjbGFzc2VzIjp7IndvbzMtbWFpbi1jb250YWluZXIiOnsia2V5Ijoid29vMy1tYWluLWNvbnRhaW5lciIsIm9yaWdpbmFsIjp7IndpZHRoLXVuaXQiOiIlIiwid2lkdGgiOiIxMDAiLCJkaXNwbGF5IjoiZmxleCIsImZsZXgtZGlyZWN0aW9uIjoicm93IiwiZ2FwIjoiMjUiLCJhbGlnbi1pdGVtcyI6ImZsZXgtc3RhcnQifX19LCJjb2xvcnMiOnt9fQ==
{"component":{"id":2,"name":"ct_section","options":{"ct_id":2,"ct_parent":100026,"selector":"section-2-459","original":{"tag":"div"},"nicename":"Section (#2)","activeselector":false},"depth":4,"children":[{"id":3,"name":"ct_code_block","options":{"ct_id":3,"ct_parent":2,"selector":"code_block-3-459","original":{"code-php":" 'product_cat',\n 'hide_empty' => true,\n]);\n$selected_categories = array_rand($categories, 3);\n$products = [];\nforeach ($selected_categories as $category) {\n $args = [\n 'post_type' => 'product',\n 'posts_per_page' => 1,\n 'tax_query' => [\n [\n 'taxonomy' => 'product_cat',\n 'field' => 'term_id',\n 'terms' => $categories[$category]->term_id,\n ],\n ],\n 'orderby' => 'rand',\n ];\n $query = new WP_Query($args);\n if ($query->have_posts()) {\n $query->the_post();\n $product = wc_get_product(get_the_ID());\n $products[] = [\n 'name' => $product->get_name(),\n 'description' => $product->get_description(),\n 'image' => get_the_post_thumbnail_url($product->ID, 'medium'),\n 'category_link' => get_term_link($categories[$category]->term_id),\n 'price' => $product->get_price_html(),\n 'categs' => get_the_terms($product->ID, 'product_cat'),\n 'cat_id' => $categories[$category]->term_id,\n ];\n }\n wp_reset_postdata();\n}\nforeach ($products as $index => $product) {\n $enlaces = [];\n foreach ($product['categs'] as $term) {\n $enlaces[] = 'term_id) . '\">' . $term->name . '';\n }\n $prod_descripcion = $product['description'];\n if (strlen($prod_descripcion) > 130) {\n $prod_descripcion = substr($prod_descripcion, 0, 130) . \" ....\";\n }\n echo '\n \n ' . $product['name'] . '\n \n '. implode(' - ', $enlaces) . '\n \n ' . $prod_descripcion . '\n \n \n \n \n \n \n Ver mas\n ' . $product['price'] . '\n \n ';\n}\n?>\n","code-css":":root{\n --woo3-color: #b78752;\n}\n.woo3-main-container{\n width: 100%;\n gap: 25px;\n display: grid !important;\n align-items: start;\n grid-template-columns: repeat(3,minmax(200px,1fr));\n grid-column-gap: 20px;\n}\n\n.woo3-div-prod{\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n.woo3-div_datos {\n width: 100%;\n align-items: center;\n}\n.woo3-prod_nombre{\n font-size: 20px;\n padding: 0 15px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n color: var(--woo3-color);\n}\n.woo3-prod_div-categoria{ \n width: 100%;\n padding-left: 25px;\n gap: 3px;\n}\n.woo3-prod_categoria *{\n font-size: 12px;\n}\n.woo3-prod_desc{\n font-size: 14px;\n padding: 0 40px; \n text-align:left;\n}\n.woo3-div_imgYprecio{\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n padding-top: 0px;\n}\n.woo3-div_img{\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n position: relative;\n transition: .3s ease-in-out;\n }\n/* Cuidado con las dos clases SIGUIENTES */\n.woo3-div_img:hover .woo3-div_overlay{\n opacity: 0;\n z-index: -1;\n}\n.woo3-div_img:hover .woo3-prod_img{\n transform: scale(1.05)\n}\n/* Cuidado con las dos clases ANTERIORES */\n.woo3-prod_img{\n width: 250px;\n object-fit: contain;\n}\n.woo3-div_overlay{\n position:absolute;\n content:\"\";\n top: 0;\n left:0;\n width:100%;\n height: 100%;\n background: rgba(0,0,0,.05);\n transition: .3s ease-in-out;\n border-radius:5px;\n}\n\n.woo3-prod-boton{\n margin-top: 20px;\n background: transparent;\n padding: 10px 25px 5px 25px;\n color: var(--woo3-color);\n border: 1px solid var(--woo3-color);\n border-radius: 5px;\n transition: .1s ease-in-out all;\n}\n\n.woo3-prod-boton:hover{\n transform:scale(1.05);\n box-shadow: 0 0 5px var(--woo3-color);\n}\n\n.woo3-prod_prec{\n margin-bottom: 0;\n justify-content: flex-end;\n}\n/* Cuidado con TODAS las clases SIGUIENTES */\n.woo3-prod_prec del bdi{\n font-size: 18px;\n opacity: 0.50;\n margin-right: 10px;\n font-weight: 100;\n}\n.woo3-prod_prec bdi{\n font-size: 22px;\n font-weight: 400;\n}\n.woo3-prod_prec ins{\n text-decoration: none !important;\n}\n.woo3-prod_prec .woocommerce-Price-currencySymbol{\n margin-left: 5px;\n}\n@media screen and ( max-width: 991px) {\n .woo3-prod_nombre{\n font-size: 18px;\n }\n\n@media screen and ( max-width:767px) {\n .woo3-main-container{\n grid-template-columns: repeat(1,minmax(200px,1fr))\n }\n .woo3-div-prod{\n width: 100%;\n }\n\n .woo3-div-prod:not(:nth-last-child(1 of .woo3-div-prod)){\n border-bottom: 1px solid rgba(0,0,0, .4);\n margin-bottom: 10px;\n }\n .woo3-div_img,\n .woo3-prod_img{\n width: 85%;\n }\n .woo3-div_overlay{\n display:none;\n }\n}\n\n","code-js":"document.addEventListener('DOMContentLoaded',()=>{\nconst imgDivs = document.querySelectorAll(\".woo3-div_img\"),\n imDes = document.querySelectorAll(\".woo3-prod_desc\"),\n addPx = 30\n\nlet mxImg = 0\nimgDivs.forEach((img)=>{\n if(img.clientHeight > mxImg)\n mxImg = img.clientHeight\n})\nfor(imDiv of imgDivs)\n imDiv.style.height = mxImg+addPx+\"px\"\n \nmxImg = 0\nimDes.forEach((des)=>{\n if(des.clientHeight > mxImg)\n mxImg = des.clientHeight\n})\nfor(desC of imDes)\n desC.style.height = mxImg+\"px\"\n \n\n})","useCustomTag":"true"},"nicename":"Code Block (#4)","classes":["woo3-main-container"],"activeselector":"woo3-main-container"},"depth":5}]},"classes":{"woo3-main-container":{"key":"woo3-main-container","original":{"width-unit":"%","width":"100","display":"flex","flex-direction":"row","gap":"25","align-items":"flex-start"}}}}

03 - Woocommerce

Descripción

Leer Instrucciones
Selecciona tres categorías de manera aleatoria y muestra un producto tambien aleatorio de cada categoría.
  • Debido a que el archivo JSON no importa clases que no estén asignadas a un elemento, la parte CSS se maneja mediante la sección CSS del Code-Block, para facilitar el dar estilos a los que tengan poco conocimiento en CSS, o bien para los que prefieran dar estilos mediante la interfaz de Oxygen; esta sección inferior está montada con un repeater de Oxygen con los mismos elementos y clases que el principal.
  • Se puede cambiar la cantidad de categorías y la cantidad de productos mostrados por categoría. (Ver Instrucciones)

La segunda parte, que no forma parte del template, no será copiada por defecto con ninguno de los dos botones generales de copiado; lo puedes añadir copiando el JSON con el botón habilitado para esto y que está hubicado a la derecha del texto de aviso, tampoco tiene las mismas características que la sección primera, ya que esta última no selecciona un producto de cada una de las tres categorías ni tampoco limita el número de caracteres de la descripción.
A las clases de los elementos que hayan sido modificadas mediante la interfaz de Oxygen pueden ser eliminadas de la sección CSS del Code-Block, y deben ser eliminadas para evitar duplicidades, pero teniendo en cuenta que hay algunas clases en esa sección CSS que no deben ser borradas, estas clases «especiales» están señalizadas con comentarios.

Ver Instrucciones

Para cambiar la cantidad de categorías, en la línea n.º 6 de la sección PHP/HTML del Code-Block  cambiar el 3 por la cantidad deseada.

$selected_categories = array_rand($categories, 3);

Para cambiar la cantidad de productos mostrados en el mismo Code-Block, pero en la línea n.º 11 cambiar 1 por la cantidad de productos a mostrar deseada.

'posts_per_page' => 1;

Contactar
Copiar
Copiar
Comentar
Copiar PHP / HTML
php logo
Copiar CSS
css logo
Copiar JS
logo js

document.addEventListener('DOMContentLoaded',()=>{
const imgDivs = document.querySelectorAll(".woo3-div_img"),
imDes = document.querySelectorAll(".woo3-prod_desc"),
addPx = 30

let mxImg = 0
imgDivs.forEach((img)=>{
if(img.clientHeight > mxImg)
mxImg = img.clientHeight
})
for(imDiv of imgDivs)
imDiv.style.height = mxImg+addPx+"px"

mxImg = 0
imDes.forEach((des)=>{
if(des.clientHeight > mxImg)
mxImg = des.clientHeight
})
for(desC of imDes)
desC.style.height = mxImg+"px"
})

Ver todos los Templates

Recordad que esto son templates o base de template, la personalización y adaptación depende del gusto de cada una y de las exigencias de cada diseño, por lo que es imposible en una plantilla todas las opciones de cada diseño en particular.

Como siempre esperamos tus comentarios y por supuesto si tienes alguna duda o necesitas ayuda puedes contactar por nuestro grupo de Telegram o dejando un comentario.

Nos vemos en la próxima. 👌

0
Me encantaría conocer tu opinión, comenta.x