Stroyka: plantilla HTML de tienda de herramientas, creada específicamente para una tienda de instrumentos/herramientas, pero también muy adecuada para una tienda de autopartes, una tienda de electrónica, etc.
NOTA: Esto es HTML versión de la plantilla Stroyka. También disponible:
- Reaccionar versión aquí
- Angular versión aquí
- Vue.js versión aquí
- MODX versión aquí
Si no sabe (o no está seguro) qué versión necesita, no dude en preguntar mediante el formulario de contacto de esta página.
Paquete
El paquete incluye cinco conjuntos HTML listos para usar con diferentes esquemas de color (37 archivos HTML en cada uno): predeterminado (amarillo), negro, verde, azul y rojo. Puedes usar cualquiera que te guste.
El paquete también incluye archivos fuente, puede usarlos para personalizar colores, fuentes y algunas otras configuraciones a través de variables SASS. Usamos twig.js como motor de plantillas para crear archivos HTML.
Si te gusta mi plantilla, no olvides calificarla
Características
- 37 archivos HTML
- Diseño 100% receptivo
- Versión LTR/RTL
- HTML5 y CSS3
- Bootstrap 4.5.x
- HABLAR CON DESCARO A
- Animación CSS3
- Iconos SVG
- Iconos impresionantes de fuentes
- sintaxis BEM
- Roboto Fuente de Google
- Compatible con todos los principales navegadores
- Vista de cuadrícula/lista de productos
- Vista rápida
- páginas de cuenta
- fuera del lienzo filtros
- Encabezado fijo que puede funcionar en dos modos: pullToShow y alwaysOnTop
- borrado de fotos galería
- Seleccionar2 integración
- fuera del lienzo y Desplegable carrito de compras
- Desplegable menú de cuenta
- Sugerencias de búsqueda
- pestañas adhesivas en la página del producto
fuentes
- Roboto (https://fonts.google.com/specimen/Roboto)
Iconos
La mayoría de los iconos utilizados en la plantilla están en formato SVG, para el resto se utilizan las siguientes fuentes:
- Font Awesome (https://fontawesome.com/) – para iconos de redes sociales.
- Stroyka: fuente de icono personalizada para mostrar algunos iconos en la plantilla. Se usa solo en Edge Browser para resolver el problema de rendimiento asociado con la representación de una gran cantidad de iconos SVG.
Frameworks usados y bibliotecas de Javascript
- jQuery (https://jquery.com)
- Bootstrap (http://getbootstrap.com)
- SVG para todos (https://github.com/jonathantneal/svg4everybody)
- noUiSlider (https://github.com/leongersen/noUiSlider/)
- Carrusel de búhos 2 (https://github.com/OwlCarousel2/OwlCarousel2)
- PhotoSwipe (https://photoswipe.com/)
- Seleccione2 (https://select2.org/)
NOTA: Las imágenes de la demostración no están incluidas en el paquete adquirido.
registro de cambios
Versión 1.14.0 — 15 de agosto de 2021
- Otro: node-sass reemplazado por sass;
- formulario jquery actualizado 3.5.1 a 3.6.0;
- Dependencias actualizadas.
Versión 1.13.0 — 14 de mayo de 2020
- Agregado: Selector de categorías a la búsqueda;
- Agregado: botón Agregar al carrito a las sugerencias de búsqueda;
- Corregido: las muestras de color no se ajustan a una nueva línea;
- Actualizado: formulario de arranque 4.4.1 a 4.5.0
- Actualizado: formulario jquery 3.4.1 a 3.5.1 y otras dependencias.
Versión 1.12.0 — 23 de marzo de 2020
- Adicional: pestañas adhesivas en la página del producto (se puede desactivar);
- Agregado: capacidad de mostrar dos columnas de tarjetas postales en .block-posts (Últimas noticias) en dispositivos móviles;
- Agregado: capacidad de mostrar cuatro columnas de tarjetas postales en .block-posts (Últimas noticias) en dispositivos de escritorio;
- Agregado: capacidad de mostrar dos columnas de tarjetas de productos en .block-products y .block-products-carousels en dispositivos móviles.
Versión 1.11.0 — 7 de marzo de 2020
- Agregado: la capacidad de mostrar siempre el botón «Agregar al carrito», y no solo cuando se desplaza;
- Agregado: la capacidad de cambiar la relación de aspecto de las imágenes del producto;
- Agregado: sección de personalización agregada a la documentación;
- Cambiado: componente de enlaces sociales refactorizado;
- Solucionado: todos los problemas relacionados con imágenes no cuadradas.
Versión 1.10.0 — 4 de marzo de 2020
- Agregado: página de éxito del pedido.
Versión 1.9.0 — 27 de febrero de 2020
- Agregado: página de detalles del pedido;
- Agregado: Editar página de dirección.
Versión 1.8.0 — 15 de febrero de 2020
- Actualizado: ahora se muestran dos productos por fila en la lista de productos en dispositivos móviles;
- Corregido: Visualización incorrecta del carrusel de productos de bloque en IE;
- Corregido: error de ancho de submenú en IE.
Versión 1.7.1 — 25 de enero de 2020
- Corregido: índice z de paginación;
- Corregido: misma altura de las tarjetas de productos en el carrusel de productos de bloque.
Versión 1.7.0 — 6 de diciembre de 2019
- Adicional: fuera del lienzo carrito de compras;
- Agregado: Desplegable menú de cuenta;
- Adicional: Sugerencias de búsqueda;
- Actualizado: el filtro de categoría alternativa ahora admite más niveles de anidamiento;
- Actualizado: el menú móvil se movió al final de la página;
- Actualizado: formulario de arranque 4.2.1 a 4.4.1 y otras dependencias;
- Solucionado: problema de alineación de texto en un bloque de presentación de diapositivas en dispositivos móviles;
- Corregido: orden de imagen inverso en la galería PhotoSwipe para la dirección RTL;
- Corregido: problemas menores de CSS;
- Otro: Ahora en lugar de imágenes negras de stubs, se utilizan imágenes grises más amigables con una resolución de imagen impresa en ellas.
Versión 1.6.0 — 1 de noviembre de 2019
- Agregado: filtro de categoría alternativa;
- Corregido: en la página de pago, los precios se dividen en una nueva línea si contienen un espacio;
- Actualizado: los scripts se movieron al final de la página.
Versión 1.5.0 — 7 de octubre de 2019
- Adicional: Deslizar foto galería en la página del producto;
- Adicional: Seleccionar2 integración;
- Adicional: Buscador de bloques (recolector de vehículos) para tiendas de autopartes;
- Adicional: Hasta arriba botón.
Versión 1.4.0 — 16 de agosto de 2019
- Adicional: Encabezado fijo que puede funcionar en dos modos: pullToShow y alwaysOnTop.
Versión 1.3.1 — 2 de agosto de 2019
- Corregido: «Precio» y «Cantidad» en el carrito desplegable se muestran incorrectamente en la versión RTL.
Versión 1.3.0 — 6 de julio de 2019
- Adicional: fuera del lienzo filtros en la página de la tienda.
Versión 1.2.0 — 27 de abril de 2019
- Añadido: Cinco paginas de cuenta (Panel de control, Editar perfil, Historial de pedidos, Direcciones, Cambiar contraseña);
- Agregado: página de carrito vacía;
- Actualizado: soporte RTL;
- Solucionado: algunos problemas de css.
Versión 1.1.0 — 15 de marzo de 2019
- Añadido: versión RTL.
Versión 1.0.0 — 17 de febrero de 2019
- Versión inicial
