Global Publish Auxiliary Files

ShopSite now creates a ‘publish’ directory under the merchant’s output directory where custom CSS and JavaScript, as well as that used by the themes, can be found. There is no more having to include CSS on the pages themselves, or link to an external CSS file that can only be edited via FTP. The publish files can also contain the existing and the new global ShopSite tags such as global colors and global fonts making it easy for your merchants to change some styles specified by the CSS within the ShopSite control panel.

You can follow these steps to add your CSS file to be published when ShopSite publishes the website and use that publish file in your templates.

  1. Add File To ShopSite. First you will want to go to Merchandising > Custom Templates > Includes, and upload your file into the second section, "Publish Files."
    Note: You will want to retain the ".css" ending on the file.

  2. Link To File Within Templates. You will need to link to this CSS file in all template types.
    • Pages: <link rel="stylesheet" type="text/css" href="[-- OUTPUT_DIRECTORY_URL --]/publish/name_of_css_file.css">
    • Secure Pages: <link rel="stylesheet" type="text/css" href="[-- STORE.SC_Secure_Image_URL --]/publish/name_of_css_file.css">

Note: These CSS files work the same as regular CSS files with 2 exceptions, (1) they can use global ShopSite template tags and (2) if a line starts with a pound sign "#" then the whole line is commented out. If you are setting CSS IDs you will want to put a space in front of the pound sign so that the pound sign is not the first thing on that row.