Executing the Product Pop-up Page

[Kid Amaro]

Apologies ahead of time - I've inherited an Actinic project and have only been at it a few days. I'm hoping that I use the correct terminology, etc. Searched the forum on this and have found some similar questions, but the answers weren't exactly what I was looking for.

Currently on the product page when I click on a product image it brings up a pop-up with additional details (not sure if this is the default functionality or if someone before me designed it that way). What my client wants is that same pop-up to appear when the users click on product name, part number or price. I have added the javascript:ShowPopUp to each (name, number & price) but I'm not sure how to dynamcially reference the "Popup Page Filename" that is stored for each product. Also, I am not interested in utilizing the Extended Information Text Link...I just want that same popup that's coming up on the image.

I'm hoping that someone can follow my question and shove me in the right direction. Thanks in advance...

[Duncan Rounding]

Welcome Kristin. Can please you post a link to an example of what you have already that you are trying to replicate? It would help to see if what you are describing is standard functionality.

[TraceyG]

Hi Kristin,

By default, the extended info page names are made up of 'info_productreferencenumber', so you could put in your javascript for the page name something like:

info_NETQUOTEVAR:PRODUCTREFERENCE.html

You would need to check that the previous developer of the site hasn't changed this in anyway by going to the product's extended info tab and checking the page name.

I hope this helps.

[Kid Amaro]

By default, the extended info page names are made up of 'info_productreferencenumber', so you could put in your javascript for the page name something like:

info_NETQUOTEVAR:PRODUCTREFERENCE.html

Hi Tracey - thank you so much for the reply...I think this is the closest I've gotten!

I modified my HREFs on the product name/number/price to: "javascript:ShowPopUp('P_info_NETQUOTEVAR:PRODUCTREFERENCE.html',500,500)"

What I appear to be missing now is an encoded version of the above. When I hover over the product image I see the file name is something like:
P%5finfo%5fMV609%5f4%2ehtml

When I hover over the product name/number/price I get something like this:
P_info_MV609-4.html

Any thoughts on that?

Thank you,
k

[pinbrook]

P_info_NETQUOTEVAR:PRODUCTREFERENCE.html

Be careful here as filenames starting with P_ are only preview files ie files local to your PC for local preview and do not get uploaded.

Live file names exclude the P_

You shouldn't need to genetate the file name, I would have thought you would be able to pick the name up. Have you looked at Extended info pages and how they get called with a view to using the same call.

Investigate the call found at Design / Text -1 / 2175

[Kid Amaro]

Be careful here as filenames starting with P_ are only preview files ie files local to your PC for local preview and do not get uploaded.

Live file names exclude the P_

Hi there...did not know about the P_ - will remove that...right now, I'm looking at it through preview. Regardless of the P_, the rest of the filename is showing up correctly.

Have you looked at Extended info pages and how they get called with a view to using the same call.

I cannot find the code that generates the javascript popup...they don't appear to be in any of the templates. When I view the source code of my generated page, the actual ShowPopUp code falls in between the end of one template and the start of another.

Investigate the call found at Design / Text -1 / 2175

The call you refer to - ShowPopUp('%s',%s,%s) - I do not yet understand how this works. I tried before using "javascript:ShowPopUp('%s',%s,%s)" as my href and that did not work (I get a syntax error).

I feel a little guilty that I do not know more and that I'm already hitting the forum (did I mention I'm on day 2 )...so thanks a mil for the responses.

cheers.
k

[Kid Amaro]

I think this issue is almost resolved using Tracey's solution. The popup appears - however most of the time I get an error that indicates the file cannot be found....but, after doing a little digging around, I've found that the "Page Name" (under Popup Page in the Extended Information tab) does not match up to the product number. !!! !!!

SO - either I have the client modify all the Page Names OR there is a NETQUOTEVAR that I can refer to (in the same fashion mentioned by Tracey) that is the exact name of the "Page Name". However, I'm still wondering how I'm able to get the correct popup when I click the image and not when I click the other items. Pesky.


Thanks for helping...

k

[TraceyG]

Hi,

SO - either I have the client modify all the Page Names OR there is a NETQUOTEVAR that I can refer to (in the same fashion mentioned by Tracey) that is the exact name of the "Page Name".

I'm afraid the easier option is going to be to change the extended info page names so they use the default setting of including the product reference number. There isn't a variable that gives the extended info page name.

The quickest way to do it would be to run a query on the Access Database to automatically do it for every product. To do this:

1. Close Actinic and open 'Windows Explorer' and browse to 'c:\program files\actinic v7\sites\site1 (or equivalent site folder)' and locate 'ActinicCatalog.mdb'. Take a backup of this file first.

2. Open this file in MS Access 2000

3. Click on 'View | Database Objects | Queries

4. Click on the 'Design' icon (or 'Insert | Query | Design View'. Close the 'Show Table Window'

5. Click on 'View | SQL View' and copy the following code into the window (overwriting any existing text):

UPDATE Product SET Product.sExtendedInfoPage = "info_" & [Product reference] & ".html";

6. Save the query and then click on 'Query | Run'. You will be given a warning about how many rows in the database you are updating and you will not be able to reverse them once you click 'Yes' (which is why you need to backup the database first - just in case ).

7. Close the database and open Actinic and the extended info page names should now be as they are as standard and your javascript should work.

If a new product is created with a popup window the extended info page name should autmatically be given the correct name so you shouldn't have to run the query again.

I hope this helps.

[Kid Amaro]

Hi Tracey...

You're a peach - thanks for this. I performed the query and that went fine. My next issue (which I can run with from here since now I know I can actually run queries against the database - duh!) is that my client has product numbers with front and back slashes! This caused problems with me even opening Actinic after the db query as well as the Update Website function. Anyway - I think I'm on the right track, so thank you!

However - this is still driving me crazy....do you know where that ShowPopUp on the image is generated from?

Cheers,
k

[TraceyG]

Hi,

It's best not to have odd characters in page names (some browsers don't like them) so I suggest running a find and replace on the 'Product table | Product.sExtendedInfoPage' field to remove or replace them with an '_'. These would be things like '/', '\' '&' '%' '!' etc.

do you know where that ShowPopUp on the image is generated from?

The javascript for this is in 'actiniccore.js' which is in your site folder.

[Kid Amaro]

I'm sorry to be stubborn about this - but, after looking at the 'actiniccore.js' file (looking specifically at the ShowPopUp script) I see that 'sUrl' is being passed to it. That variable is really the one I need. Where does that variable get assigned and why can't I somehow reference that for what I'm trying to do (i.e. what this post is all about)?

I apologize if this is getting off the thread (which, I don't think it is because I'm still trying to acomplish what I've originally posted)...should I be in some other category with a question like this? Anyway - bottom line is, the product numbers for my clients business have characters like slashes, so it turns out the solution here will not work. I'm a little frustrated that I can't reference the "Page Name" but it is being used in other places.

??

[wjcampbe]

Perhaps you should reconsider your bias against the extended info tab on the product page. A click in generate pop-up, a second click in "by clicking on the image" and you have a standard working solution.

You do not have to specify a text link if you choose not to.

[Kid Amaro]

Hi Bill...thanks so much for your response. I have proposed this solution to the client recently as an alternative to their request (for those just tuning in: the request is to have the product name/number/price be a link to the same popup window that is launched when the product image is clicked).

I'm sure my frustration is coming across in my posts (do I even have a right to be frustrated since I'm a newbee?) - I don't understand why the 'sUrl' variable located in the actiniccore.js file (ShowPopUp script) is available for the product image but not anything else. I guess maybe my issue is, I want more control and I feel limited by the fact that I have to make room for a text link (or button) instead of just making all my information a link. I'm wondering if my client is the only person that's ever wanted to do this....??

Anyway - I appreciate all the responses and I hope that I'm not raising the "troublemaker" flag with my posts since I'm sure I'll have more posts going forward.

[wjcampbe]

Polite troublemakers we tend to like - they stretch the envelope.

Abusive or overly agressive troublemakers get short shrift.

[NormanRouxel]

There's no need to fiddle with info_NETQUOTEVAR:PRODUCTREFERENCE (which will probably fail on Duplicate products and those with unusual characters in the ref).

You can subvert the Extended Information / Display By / Extended Info Button checkbox into doing this all automatically.

Go to Design / Options / Shop Defaults / Extended Info Button and select Text.

Edit Act_ExtendedInfoButton.html and change from

<!-- Act_ExtendedInfoButton HTML begin -->
<!-- This template is used for the Extended Info button. -->

<INPUT TYPE="BUTTON" VALUE="NETQUOTEVAR:BUTTONLABEL" NAME="NETQUOTEVAR:BUTTONNAME" onClick="NETQUOTEVAR:LINK">

<!-- This template is used for the Extended Info button. -->
<!-- Act_ExtendedInfoButton HTML end -->

to

<!-- Act_ExtendedInfoButton HTML begin -->
<!-- This template is used for the Extended Info button. -->

<a href="NETQUOTEVAR:LINK"><!-- NETQUOTEVAR:BUTTONLABEL NETQUOTEVAR:BUTTONNAME -->

<!-- This template is used for the Extended Info button. -->
<!-- Act_ExtendedInfoButton HTML end -->

Now in your product templates the code

NETQUOTEVAR:EXTINFOBUTTON

is expanded when this checkbox is set and will now create the <a href="javascript:ShowPopUp(......)"> tag.

So delete the existing NETQUOTEVAR:EXTINFOBUTTON, and wherever you want to make something clickable to fire off the popup (like Product Price) simply put

NETQUOTEVAR:EXTINFOBUTTONNETQUOTEVAR:PRODUCTPRICE</a>


For the Product Name we have to fiddle a bit as this is already within the search results goto anchor tag. So we replace

<a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>

with

<a name="NETQUOTEVAR:PRODUCTANCHOR"></a><span class="actregular"><b>NETQUOTEVAR:EXTINFOBUTTONNETQUOTEVAR:PRODUCTNAME</a></b></span>

Indeed you might as well wrap this around the NETQUOTEVAR:PRODUCTIMAGE and get rid of the Display By / Clicking Product Image option.

You can use Access to find all such checked Clicking Product Image options and switch them to using the Button one.