Full width compilation page banners in Shopify:
Do you want to access your language options or theme’s code with new theme editor layout by Shopify?
Click on online store > Themes
Then you have to edit click on the menu button which is a tiny square with three blue dots.
A sub-menu of options will be opened that will include: Edit HTML / CSS and edit Language.
The Fashionopolism, testament Vantage and themes (if purchased after March 20th 2016 ) all of these have a new short code function which makes probable to show a complete width image at the top of your complication pages without forfeiting the collection description or compilation image.
For instance have a glance at the width image on this page:
To illustrate these on your pages pursue these easy steps:
Release the compilation page inside your Shopify admin that you desire to insert the full width banner image to.
Roll till the end of the page and click on the “Edit website SEO” link as depicted below.
The final section at this point is named: URL and handle the grip is the piece that shows exactly after: /collections/ in this occasion the knob is: best-selling
Generate a 1920px wide ( least size ) image and given name it identically to the switch of your collected works over in step #3. Make certain it is matching, all lowercase and saved as a .jpg file.
For this instance our image would be called: best-selling.jpg If your set knob is called: wear then you will be saving the image as: dresses.jpg
When prepared click on Admin > settings > files and image to be uploaded. You require to do not anything extra here.
Go backside to the collected works and within the collected works description insert mere this: [banner]and click save
This will currently add that image to the top of this collected works page, you may add any added content to the collected works description and this will emerge a little extra down the page. Click Save and replicate for your other collected works in Shopify.