We will show you how to create individual banners on each page that can be controlled through the shopify cms. We cover how to setup the javascript and how to use it.
Prerequisites
- Using the Template Editor
- Installing Jquery from google API library
- Installing a custom javascript file
Setup
Supporting Jquery Code
$(document).ready(function() { $("img.feature").hide(); var $source = $("img.feature").attr("src"); $('#feature-image').css({ 'backgroundImage': 'url(' + $source +')', 'backgroundRepeat': 'no-repeat', 'border-top': '3px solid #E4E4E4', 'border-bottom': '3px solid #E4E4E4' });