SE MONTAN LAS IMAGENES  

Hola Isabel, 

Los productos se visualizan de esta forma porque las reglas CSS que tienes ahora lo muestran asi, para solucionarlo prueba añadir el siguiente codigo CSS en el apartado de Apariencia -> Personalizar -> CSS Adicional

@media only screen and (max-width: 600px) {
#products .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
flex-direction: column;
}
article.product-miniature.js-product-miniature {
margin: 0px!important;
margin-left: 10%!important;
}

}

Pruebalo y nos comentas como va todo

Un Saludo

@karen Disculpa, pero donde esta Apariencia -> Personalizar -> CSS Adicional en Prestashop?

Hola Isabel, 

En este caso si es Prestashop el método de añadir CSS es diferente, para añadir CSS debes hacerlo desde tu cuenta de hosting accediendo a:

• Accede a tu cuenta de wePanel -> Administrador de archivos.
• Accede a la carpeta public_html -> carpeta_tu_sitio_web  -> themes -> tu_tema -> assets ->css
• Edita el archivo theme.css, Custom.css o global.css

Otra opción es utilizar un módulo como el que mencionan en el siguiente articulo Contenido solo visible a usuarios registrados

Revisalo y nos comentas como va todo

Un Saludo