¿El sitio utiliza un único archivo CSS compilado o las secciones tienen archivos individuales?
Los temas de Company XYZ utilizan una combinación de CSS global y estilos específicos de cada sección.
La hoja de estilos global principal se encuentra en Theme root > assets > base.css. Algunas secciones también tienen su propia hoja de estilos en la misma carpeta assets. Estos archivos utilizan el prefijo section- seguido del nombre de la sección, como section-features-bar.css.
Para obtener información sobre las actualizaciones, consulta la documentación de Shopify sobre la actualización de temas
Para aplicar estilos personalizados, utiliza la opción de CSS personalizado del editor de temas siempre que sea posible. Consulta la documentación de Shopify sobre cómo añadir CSS personalizado a tu tema. Si necesitas una hoja de estilos independiente, añade un archivo CSS independiente nuevo para tus personalizaciones en lugar de editar los archivos CSS existentes del tema. Para consultar los pasos de edición del código, visita la documentación de Shopify sobre cómo editar el código del tema
Notas de uso
Sección titulada «Notas de uso»- Comienza con los estilos globales. Utiliza
base.csspara los estilos que deben aplicarse en todo el sitio. - Comprueba los estilos de la sección. Busca una hoja de estilos
section-coincidente cuando ajustes una sección específica. - Mantén las personalizaciones separadas. Da preferencia al CSS personalizado en el editor de temas o a una hoja de estilos independiente para facilitar las futuras actualizaciones del tema.