Announcement

Collapse
No announcement yet.

image popup and text popup on same product page

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    image popup and text popup on same product page

    Hi
    I'd like to offer a blow up version of my product image - via a popup? and information about quantity discounts via a popup from product text. How can I do two popups on one product page?
    Many thanks for help

    Caroline

    #2
    I don't think you can have a pop-up that uses any kind of script, Actinic doesn't like those, and the ones that need something in the <head> tag won't work anyway.

    You'll have to do it the old fashioned way and create a separate page then reference it using <a href="new-page.html" target="_blank">Click here</a>

    Not very elegant but I can't think of anything else that would work... anyone else?

    Malcolm
    ¤ The world wide web needn't cost the earth
    ¤ ARTISAN INTERNET LTD
    ¤ www.artinet.co.uk

    Comment


      #3
      Here's an automated way I just cooked up that does just what you want.

      Create a Custom Property called POPUPIMAGE.

      Replace Act_ProductImage.html with the following

      Code:
      <!-- ProductImage HTML begin -->
      <!-- This file is used to build the product image markup. -->
      <script language=JavaScript>
      <!--
      if ( 'CUSTOMVAR:POPUPIMAGE' ) document.write('<a href="JavaScript:void(window.open(\'CUSTOMVAR:POPUPIMAGE\',\'popupimage\',\'width=600,height=400,scrollbars, resizable\'))">');
      // -->
      </script>
                <IMG SRC="NETQUOTEVAR:IMAGEFILE"
      	  ALT="NETQUOTEVAR:ALTERNATETEXT"
      	  BORDER=0
      	  NETQUOTEVAR:IMAGEHEIGHT
      	  NETQUOTEVAR:IMAGEWIDTH
      	  NETQUOTEVAR:OTHERIMAGEMARKUP>
      <script language=JavaScript>
      <!--
      if ( 'CUSTOMVAR:POPUPIMAGE' ) document.write('</a>');
      // -->
      </script>
      
      <!-- This file is used to build the product image markup. -->
      <!-- ProductImage HTML end -->

      Now in those products where you want two popups. Use The Extended Info tab for the textual info. Don't check the Display by Clicking Product Image option on any products.

      In the product Properties tab select the POPUPIMAGE propertry and set it's value to the image filename (e.g. mybigimage.jpg) you want to popup. Check Use as CUSTOMVAR and File Name (if using Business uncheck Searchable).

      Keep these images in Site1.

      Norman
      Norman - www.drillpine.biz
      Edinburgh, U K / Bitez, Turkey

      Comment


        #4
        thank you - won't have chance to try these until Monday - will let you know how they go,
        Caroline

        Comment


          #5
          Caroline,

          If you're using the above please note that the forum had added a space between "java" and "script" in the fragment

          href="java script:void(

          This should always be one word

          href="java&#115;cript:void(

          Norman.

          p.s. Don't use this but here is an even simpler way of getting the image to popup a bigger one. Just add the following inside the <IMG...> tag:-

          Code:
          onclick="if ('CUSTOMVAR:POPUPIMAGE') window.open('CUSTOMVAR:POPUPIMAGE','popupimage','width=600,height=400,scrollbars, resizable')"
          The reason I don't recommend this is that it doesn't change the cursor to a hand when you move over the image so your users wouldn't know it was clickable.
          Norman - www.drillpine.biz
          Edinburgh, U K / Bitez, Turkey

          Comment


            #6
            Here's another way of doing the above update using mouseover and onclick events. It's probably a cleaner solution than the earlier one.

            Create a Custom Property called POPUPIMAGE.

            Replace Act_ProductImage.html with the following


            Code:
            <!-- ProductImage HTML begin -->
            <!-- This file is used to build the product image markup. -->
            
                      <IMG SRC="NETQUOTEVAR:IMAGEFILE"
            	  ALT="NETQUOTEVAR:ALTERNATETEXT"
            	  BORDER=0
            	  NETQUOTEVAR:IMAGEHEIGHT
            	  NETQUOTEVAR:IMAGEWIDTH
            	  NETQUOTEVAR:OTHERIMAGEMARKUP
            	  onmouseover="if('CUSTOMVAR:POPUPIMAGE')this.style.cursor='pointer'"
            	  onclick="if('CUSTOMVAR:POPUPIMAGE')window.open('CUSTOMVAR:POPUPIMAGE','popupimage','width=600,height=400,scrollbars,resizable');">
            
            <!-- This file is used to build the product image markup. -->
            <!-- ProductImage HTML end -->

            Now in those products where you want two popups. Use The Extended Info tab for the textual info. Don't check the Display by Clicking Product Image option on any products.

            In the product Properties tab select the POPUPIMAGE propertry and set it's value to the image filename (e.g. mybigimage.jpg) you want to popup. Check Use as CUSTOMVAR and File Name. Uncheck Use File Contents (if using Business uncheck Searchable).

            Keep these images in Site1.

            Norman
            Norman - www.drillpine.biz
            Edinburgh, U K / Bitez, Turkey

            Comment


              #7
              how to replace Act_ProductImage.html

              this is possibly an unbelievably simple question to ask, but how do I replace Act_ProductImage.html? The only way I know how to call the page up is to access it via my c drive programme files, but when I get that page, theres a box with NETQUOTEVAR:ALTERNATETEXT.
              Scuse the basic-ness of this question
              Caroline

              Comment


                #8
                Actinic will do this for you.

                Use Advanced / Template / Manager.

                If you get a Coloured display then press Change View until you see lots of Grey tabbed sections).

                Click the tab marked Section and when you press the button "Image" (descendent of Product Line) the corect template will open in good old Notepad.

                The other way is to run Notepad (Start / Accessories) and use File / Open to get at the file.

                Norman
                Norman - www.drillpine.biz
                Edinburgh, U K / Bitez, Turkey

                Comment

                Working...
                X