Tengo unviolí que funciona de manera que cuando lo tomo en la vista móvil, los cuadros cuadrados se desplazan horizontalmente.

Los códigos CSS que he usado para eso son:

@media only screen and (max-width: 767px)
{
.product-all-contents
{
   overflow-x: auto;
}

.product-contents .product{
  min-width: 50.795%;
  margin: 0 2%;
  padding-top: 3.91%;
  padding-left: 3.91%;    
  padding-right: 3.91%;
  }
}

Planteamiento del problema

Me pregunto qué cambios debería hacer en el violín para quecuando presiono flechas en la vista móvil (como se muestra en la captura de pantalla a continuación marcada con un signo de flecha naranja) el contenido se mueve hacia la izquierda y viceversa.

Creo que la mejor solución serájQuery, scrollLeft () y scrollRight () pero no estoy seguro de cómo puedo implementarlo en el violín.