En Easy Digital Downloads (EDD), el shortcode [downloads] es la forma estándar de mostrar todos tus productos en una sola página. Si no estás familiarizado con el shortcode y sus capacidades, puedes leer sobre él aquí.
Por defecto, tus productos se mostrarán en un diseño de cuadrícula con tres columnas, nueve productos y paginación si tienes más de nueve productos en tu tienda. En la mayoría de los temas, esta visualización cumple su propósito sin necesidad de CSS adicional (estilos de diseño) del propio tema. Sin embargo, puede que no se vea exactamente como deseas en todos los temas. Aún peor, la visualización puede distorsionarse en pantallas más pequeñas.
Esto normalmente lleva a la pregunta: "¿es responsive el shortcode [downloads]?" En otras palabras, la gente a menudo se pregunta por qué la visualización no se ve tan bien en pantallas pequeñas. Te explicaré por qué, y qué puedes hacer al respecto a continuación.
¿Por qué no es responsive el shortcode [downloads]?
Lo primero a tener en cuenta es que la responsividad no es un comportamiento que sirva para todo. La responsividad de un elemento depende completamente del entorno en el que está contenido.
Por ejemplo, digamos que hay una sección en tu sitio con dos columnas una al lado de la otra llenas de texto, ambas ocupando el 50% del ancho de tu área de contenido principal. Supongamos también que el área de contenido principal que "contiene" esas dos columnas tiene un ancho de 1000px. Eso significa que cada columna tiene un ancho de 500px. A medida que el ancho de la pantalla se reduce en dispositivos más pequeños, alrededor de un ancho de área de contenido de 600px, las columnas, ahora de 300px, se vuelven un poco demasiado estrechas. Eso es indeseable, por lo que el CSS responsive utiliza reglas para decir: "a un ancho de pantalla de 600px, cambia el ancho de estas dos columnas del 50% al 100%, y apila la de la izquierda encima de la de la derecha". Y con eso, ambas vuelven a ser legibles.
Así es exactamente como funciona el CSS responsive, y se hace con intención.
Con esa comprensión, queda claro que para escribir el CSS responsive que haga que esas dos columnas "respondan" al ancho de la pantalla, también debemos conocer las dimensiones de los elementos que rodean las columnas. En el contexto de WordPress, eso significa que necesitamos conocer el diseño y las dimensiones de tu tema.
Por supuesto, no podemos conocer los detalles de todos los temas que nuestros clientes pueden usar. Mientras que tu tema puede mostrar el shortcode [downloads] en un elemento que solo tiene 500px de ancho, el tema de la persona de al lado puede mostrar el mismo shortcode en un elemento que tiene 900px de ancho. Tu CSS responsive necesitaría ser muy diferente al CSS responsive de la otra persona. Y si cambias de tema, tu CSS responsive necesitaría cambiar una vez más.
Dicho de otra manera, simplemente no podemos predecir cuándo y cómo el shortcode [downloads] debería responder a cada tema a la vez.
¿Existen temas que incluyan CSS responsive para el shortcode [downloads]?
¡Sí, en efecto! En la mayoría de los temas creados para aprovechar EDD, esto ya está hecho por ti. Por ejemplo, el tema Vendd diseña completamente la salida del shortcode [downloads] para todos los tamaños de pantalla. Puedes verlo en la demo aquí: https://easydigitaldownloads.com/vendd/ Vendd no solo hace que el shortcode [downloads] sea responsive, sino que también mejora el diseño.
Si un tema no ha sido mejorado pensando en EDD, la salida del shortcode no será responsive. Se mostrará según lo especificado por los parámetros del shortcode y nada más. Si necesitas que "responda" al tamaño de la pantalla, eso debe escribirse desde la perspectiva específica de tu tema.
Además, ten en cuenta que algunos temas mejorados para EDD aún así pueden no hacer que el shortcode [downloads] sea responsive. En su lugar, incluirán su propia plantilla para mostrar productos y sugieren que uses la plantilla personalizada en lugar del shortcode.
Hay una gran selección de temas listos para EDD disponibles aquí: https://easydigitaldownloads.com/themes/
¿Qué debo hacer si no estoy usando un tema listo para EDD?
Si deseas continuar usando tu tema que no está mejorado para EDD, pero también quieres que la salida de tu shortcode [downloads] sea responsive, tienes dos opciones:
1. Si eres un autor de CSS, puedes simplemente escribir CSS responsive para que la salida del shortcode haga lo que desees desde tu tema. No necesitarás preocuparte de que EDD realice cambios que rompan tu CSS.
2. Contrata a un diseñador para que haga la salida responsive por ti. No es una tarea increíblemente difícil, por lo que el diseñador no necesitaría estar familiarizado con EDD en sí. El CSS responsive es un estilo de diseño ampliamente comprendido y casi cualquier autor de CSS debería poder ver la salida y hacerla responsive para tu tema. Si deseas recurrir a un profesional que ya esté familiarizado con el ecosistema EDD, recomendamos a nuestro socio de confianza, Codeable.
