Announcement

Collapse
No announcement yet.

How do I access the HEAD SECTION of my webpage?

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    How do I access the HEAD SECTION of my webpage?

    I have a web store using Miva Merchant 5.5 Production Release 8 Update 6. I am trying to add some script for a Lightbox feature that instructs me to "include these lines of code in the HEAD SECTION of your web page:

    link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="/js/prototype.js"></script>
    <script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="/js/lightbox.js"></script>


    How do I access the HEAD section? I have looked everywhere.
    Appreciate any help I can get.
    Tags: None
    #2
    Re: How do I access the HEAD SECTION of my webpage?

    From your admin either click on your store name or go to Pages and open any page. You'll see a tab called HEAD Tag Content/CSS
    Thanks,

    Rick Wilson
    CEO
    Miva, Inc.
    [email protected]
    https://www.miva.com

    Comment

      #3
      Re: How do I access the HEAD SECTION of my webpage?

      So I open up the css file, save it so I can edit, make my changes, save it, then upload?
      Can I add script right to the .css file?
      Sorry, I am a beginner at this.
      Thanks
      Pat

      Comment

        #4
        Re: How do I access the HEAD SECTION of my webpage?

        No, you see the big (likely empty) box called Head Tag Content, put it in there and hit update.
        Thanks,

        Rick Wilson
        CEO
        Miva, Inc.
        [email protected]
        https://www.miva.com

        Comment

          #5
          Re: How do I access the HEAD SECTION of my webpage?

          Thanks Rick, I appreciate it.

          Comment

            #6
            Re: How do I access the HEAD SECTION of my webpage?

            fyi: perhaps this counts as a vote for my idea of a Design View...which outputs html comment tags like:

            <!-- SFNT:Head Tag/CSS begin -->

            and

            <!-- //SFNT:Head Tag/CSS end -->

            (I imagine this could be part of the template rendering functions...not actual content in the templates.)
            Last edited by Bruce - PhosphorMedia; 10-07-12, 01:00 PM.
            Bruce Golub
            Phosphor Media - "Your Success is our Business"

            Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
            phosphormedia.com

            Comment

              #7
              Re: How do I access the HEAD SECTION of my webpage?

              I'm still a little confused on how (or where) I can view and access all of html code. If I am supposed to put some script under the <head> and some code before the close of the <body> where do I see where that?
              This might be very basic to you pros, but I am a little confused.
              I am trying to install a light box feature and the instructions are:

              First include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS in the head of the page(s) where you want to use prettyPhoto.

              <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script><link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /><script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></sc

              Then, initialize prettyPhoto. Put the following code before the closing tag of your body ()

              <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); });</script>Any help would be appreciated.

              Comment

                #8
                Re: How do I access the HEAD SECTION of my webpage?

                Hey Pat -

                I think the missing piece for you are Miva's page template. I'm guessing you're trying to add this lightbox to your product pages. Miva has individual templates for each page of your store. If you want this on your product page, in the admin to go pages and edit the PROD page.

                This is the template that controls the HTML for the product page.

                If you're on a newer store using CSSUI you should see the opening and closing body tags right in the template.

                If you're working with an older MMUI store, there is a Miva Item that controls the body tags.

                Look for:

                <mvt:item name="body"> - This is prints the opening body tag.

                </mvt:item> This prints the closing tag.

                You would put your code right above the closing item tag.

                I would also highly recommend you taking our free developer training series course. It will give you the foundation you need very quickly to understand what all these new item tags mean and how to work with Miva's page templates.

                https://www.mivamerchant.com/training/dts1
                Brennan Heyde
                VP Product
                Miva, Inc.
                [email protected]
                https://www.miva.com

                Comment

                  #9
                  Re: How do I access the HEAD SECTION of my webpage?

                  Brennan, thanks for your information, I was able to figure out what I needed to accomplish with your help.
                  I appreciate the suggestion on the Developer training as I am a novice at this and any information I can get my hands on would be a big help. You folks at Miva, and the entire forum community have been just outstanding when I am looking for information.
                  Thanks again.
                  Pat


                  Originally posted by Brennan View Post
                  Hey Pat -

                  I think the missing piece for you are Miva's page template. I'm guessing you're trying to add this lightbox to your product pages. Miva has individual templates for each page of your store. If you want this on your product page, in the admin to go pages and edit the PROD page.

                  This is the template that controls the HTML for the product page.

                  If you're on a newer store using CSSUI you should see the opening and closing body tags right in the template.

                  If you're working with an older MMUI store, there is a Miva Item that controls the body tags.

                  Look for:

                  <mvt:item name="body"> - This is prints the opening body tag.

                  </mvt:item> This prints the closing tag.

                  You would put your code right above the closing item tag.

                  I would also highly recommend you taking our free developer training series course. It will give you the foundation you need very quickly to understand what all these new item tags mean and how to work with Miva's page templates.

                  https://www.mivamerchant.com/training/dts1

                  Comment

                  Previous template Next
                  Working...
                  X