Arrastre y suelte para ordenar imágenes adicionales en OpenCart
Ordene imágenes adicionales arrastrándolas y soltándolas
Este modificador agrega una gestión conveniente de imágenes de productos al panel de administración de OpenCart : puede arrastrar y soltar fotos adicionales para cambiar el orden, así como intercambiar la imagen adicional con la principal.
Funciones principales
- Ordenación mediante arrastrar y soltar : cambie el orden de las imágenes simplemente arrastrándolas y soltándolas.
- Intercambiar con la foto principal : convierte rápidamente una imagen adicional en la principal (y viceversa).
- Clasificación con actualización automática : los valores del orden de clasificación se recalculan automáticamente.
- Efectos visuales : iluminación y animaciones suaves al arrastrar.
Instalación
- Instale el modificador a través del panel de administración (Instalador de extensiones).
- Actualice/borre la caché de modificaciones en la sección Modificadores (Actualizar).
Usando
- Abrir la edición de producto: Catálogo → Productos → Editar .
- Vaya a la pestaña Imágenes .
- Para cambiar el orden, arrastre las imágenes mediante el icono ☰ .
- Para intercambiar una imagen adicional con la principal, haga clic en el icono ⇄ .
Notas
- El campo de entrada de orden de clasificación manual está oculto porque la clasificación se realiza mediante arrastrar y soltar.
- Los valores de clasificación se actualizan automáticamente a medida que mueves elementos.
- Esto requiere jQuery UI (ordenable) para funcionar.
- Se utiliza
error="skip", por lo que el modificador a menudo funciona incluso después de cambios de plantilla. - Una imagen recién agregada recibe automáticamente un número secuencial al final de la lista.
Cómo funciona
El modificador realiza cambios en la plantilla de edición de productos: añade ID de servicio para acceder mediante JavaScript, añade una columna con iconos de arrastrar y soltar e intercambiar, oculta el campo de ordenación manual y conecta scripts y estilos. La función de arrastrar y soltar se implementa mediante jQuery UI Sortable , y el intercambio se realiza mediante la lógica de JavaScript (reemplazando valores y fuentes de imágenes entre los elementos principal y secundario).
| Nombre del archivo | Tamaño | Enlace |
|---|---|---|
 ordenar_imágenes_de_producto_con_intercambio.ocmod.zip
|
32.4KiB | Acceso |
No hay reseñas para este producto, sé el primero en dejar tu reseña.
No hay preguntas sobre este producto, sea el primero en hacer su pregunta.
Instrucciones de instalación del módulo:
- Antes de realizar cualquier acción relacionada con la instalación de un complemento en Opencart, recomendamos crear una copia de seguridad de todos los archivos del sitio y de la base de datos de la tienda ;
- Instale la corrección de copia local (si aún no la tiene instalada)
- Descargue el archivo del módulo para la versión deseada de Opencart desde nuestro sitio web ( siga las instrucciones de instalación si hay alguna en el archivo del módulo );
- Luego vaya a la sección “Instalar complementos/extensiones” y haga clic en el botón “ Descargar ”;
- Seleccione el archivo descargado y espere a que el módulo se instale completamente y aparezca el texto "Aplicación instalada correctamente";
- Después de eso, vaya al “ Administrador de aplicaciones ” y actualice los modificadores haciendo clic en el botón “ Actualizar ”;
- Después de estas acciones, deberá agregar los derechos para ver y administrar el módulo en la sección " Grupos de usuarios " para el administrador u otros usuarios que seleccione haciendo clic en " Seleccionar todo ".
