Nous allons voir dans ce tutoriel comment mettre une image de fond ou un background image sur le fond d’une boutique Shopify. On verra également comment mettre ce type d’image sur une section ou une zone de votre site.
Mettre votre image sur Shopify
Rendez-vous dans l’administration de votre boutique – Paramètres – Fichier et déposez votre image – Copiez maintenant l’url de l’image et stocker la dans un éditeur de texte. Nous en aurons besoin tout à l’heure 😉
Positionner votre background image
Rendez-vous dans Boutique en ligne – Actions – Modifier le code et ouvrez le dossier Assets – trouvez votre fichier xxx.scss.liquid ou xxx.css.liquid, souvent appelé theme, style ou timber.
Mettez-vous tout en bas du site et copiez/collez le code suivant en remplaçant la portion « url-image » par l’url copiée tout à l’heure.
Sur tout le site
Sur une section de la page d’accueil
Regardez la vidéo pour savoir comment trouver l’identifiant de la section
Plus d’options ?
Je vous invite à visionner la vidéo 🙂
Ce tutoriel existe aussi en vidéo
a vidéo arrive bientôt 😉
Bon tuto à toutes et tous
Abdoulaye Sembene
26 Jan 2021Salut dev j’espere que vous allez bien est-ce que ça marche avec le thème Fastlane?
Dgeo Dev
26 Jan 2021Hello, théoriquement oui 🙂
Magali
4 Mar 2021Bonjour,
Sur le thème Brooklyn, est-il possible de mettre un fond de couleur mais que sur certaines parties ?
Merci d’avance, impossible de trouver une réponse !
Dgeo Dev
5 Mar 2021Bonjour, oui c’est possible mais il faut s’y connaitre en CSS et jouer avec les ID