Important Notice from AspDotNetStorefront
It is with dismay that we report that we have been forced, through the action of hackers, to shut off write-access to this forum. We are keen to leave the wealth of material available to you for research. We have opened a new forum from which our community of users can seek help, support and advice from us and from each other. To post a new question to our community, please visit: http://forums.vortx.com
Results 1 to 3 of 3

Thread: Insert CSS file on site

  1. 06-30-2012, 12:10 PM #1
    singproinc is offline Member
    Join Date
    Oct 2006
    Posts
    51

    Question Insert CSS file on site

    I want to draft my product descriptions outside the storefront in Dreamweaver, and then copy & paste the code into each product description area. To speed formatting and because Dreamweaver now requires .css (not wanting to start a discussion about that here), I want to use CSS, and refer to a single .css file that I've created to format the product descriptions.

    Where do I place that .css file in the store, and how do I change product description code so each will link to the .css, and without having to deal with http/https issues?
  2. 07-02-2012, 01:35 PM #2
    donttryathome is offline Senior Member
    Join Date
    Apr 2009
    Posts
    171

    Default

    If I am understanding you correctly this is very simple. You can just load your external style sheet from inside your skin template (the same exact way the template loads the default style sheet)

    Code:
    <link rel="stylesheet" type="text/css" href="skins/skin_1/style.css" />
<link rel="stylesheet" type="text/css" href="skins/skin_1/YOURSTYLESHEET.css" />
    The top style sheet loads site wide template styles. The YOURSTYLESHEET.css loads styles for your descriptions. Keep in mind that if you use a different template for your products than you do for your home template, you'll need to link to that style sheet in your product template.
    Running: AspDotNetStorefront ML 8.0.1.2/8.0.1.2
  3. 07-02-2012, 01:39 PM #3
    singproinc is offline Member
    Join Date
    Oct 2006
    Posts
    51

    Default

    Awesome. Just the answer I'm looking for. Many thanks.

    Quote Originally Posted by donttryathome View Post
    If I am understanding you correctly this is very simple. You can just load your external style sheet from inside your skin template (the same exact way the template loads the default style sheet)

    Code:
    <link rel="stylesheet" type="text/css" href="skins/skin_1/style.css" />
<link rel="stylesheet" type="text/css" href="skins/skin_1/YOURSTYLESHEET.css" />
    The top style sheet loads site wide template styles. The YOURSTYLESHEET.css loads styles for your descriptions. Keep in mind that if you use a different template for your products than you do for your home template, you'll need to link to that style sheet in your product template.