Announcement

**leehack** · 11-Jul-2011, 12:32 PM

There are only 2 ways I see possible because the JS has to load to know whether a product is IS or OOS and this happens after page load. You need a fast loading template with no surplus code and most importantly a good quality hosting package. You will not get rid of the pause while it finds out I suspect, but the above measures will ensure that the timeframe is so small it is hardly if not at all noticeable.

In short you cannot stop the process, all you can do is make it as quick as possible.

**Mike Hughes** · 11-Jul-2011, 12:47 PM

I can see the problem you're describing. I'm not sure why it's happening though. The code that controls it is:

OUT OF STOCK



 In stock

 


<input type="image" src="button_viewcart_highlight.gif" name="_ACE-712" alt="Add to Cart" />

It looks to me as if the cause could be that the 'out of stock' text is hidden by default until the javascript gets a chance to kick in and alter the visibility.

You could try removing the style="visibility: hidden; display: none;" bit to see if that does it, or even apply the style to the in stock text (although this might break the display entirely).

Mike

Edit: or possibly have both bits hidden by default until the javascript kicks in and makes one visible.

Edit2: Note that hiding 'in stock' and the buy button by default means people without javascript will be unable to buy. Probably why it's set up the way it is.

Edit3: Last one. Hiding the 'in stock' text is probably OK. The Buy button would be the no-no.

**Lewis323** · 11-Jul-2011, 02:39 PM

Thanks for replies!
I understand how the nature of javascript causes this problem.. :| .. though changing the host doesn't seem feasible at the moment.

olderscot: Thanks for suggestions. Although i tried removing the style of hiding both doesnt really do a great job. Removing it basically shows both IS and OOS before the JS finished the query, hiding both shows nothing but the as you said those without javascript won't see a thing..

Is there any alternative method I can use to show stock level & disable cart button on the extended info pages?

**leehack** · 11-Jul-2011, 02:44 PM

I don't see how you can do anything to the display until you know the stock status, however you do not know the stock status until the JS is loaded. Your only options are therefore to get the JS loaded as fast as possible, which only streamlining and lightning hosting will do for you.

**Duncan Rounding** · 11-Jul-2011, 03:28 PM

You can optimise your page a fair bit.
The actinic.css file is 79kb.
You have a quite a few images that can be reduced in size.
I see that you have jquery but couldn't see any need for it on your site.
You are also js doc writing the page names for your products in the left sidebar - that's more script that needs to run.

It all adds up.

Attached Files

Info1.png (59.1 KB, 242 views)

**Lewis323** · 11-Jul-2011, 03:39 PM

Originally posted by drounding View Post

You can optimise your page a fair bit.
The actinic.css file is 79kb.
You have a quite a few images that can be reduced in size.
I see that you have jquery but couldn't see any need for it on your site.
You are also js doc writing the page names for your products in the left sidebar - that's more script that needs to run.

It all adds up.

Thanks! Will need to figure out compressing the images then..
I didn't notice that jquery bit.. I don't really know what it is for, how can i find out lol?
Hmm the doc writing scripts are the ones used for the new product list to redict it into extended info pages.. (I think), so i don't think i can take it off :\

**Duncan Rounding** · 11-Jul-2011, 03:44 PM

The jquery may be required by some add-in you've got.

**Duncan Rounding** · 11-Jul-2011, 03:48 PM

It looks like you are using the silver theme - did you remove the code at the bottom of your actinic stylesheet as per the attached image? (Bakup first mind)

Attached Files

css1.png (91.4 KB, 210 views)

**Lewis323** · 11-Jul-2011, 04:04 PM

Originally posted by drounding View Post

It looks like you are using the silver theme - did you remove the code at the bottom of your actinic stylesheet as per the attached image? (Bakup first mind)

I had a look think that jquery is used by one of my addon so yeah.
Do i just delete the themes from the actinic.css file on my server?

P.S. Just checked the actinic.css file on the server. Actually those themes were already removed.

**Mike Hughes** · 11-Jul-2011, 04:32 PM

I'd probably just hide both using the inline style. That way everyone with javascript will just see the relevant text while anyone without javascript won't see any potentially misleading text.

Mike

**malbro** · 11-Jul-2011, 04:49 PM

Originally posted by Lewis323 View Post

I used the "JavaScriptFunctions" and "Javascript Section Stock Query" that I read from the forum (I think) to determine the stock level. I wonder how i can fix this problem so it only shows out of stock and with add to cart disabled as soon as i'm into the product page. Attached is full layout code for my "Includes Add to Cart Button" layout

Any help / solutions / direction appreciated! Billion thanks!!!

The stock control system works using javascript and AJAX thus there is always a delay before the page shows the correct information based on the time it takes for the perl scripts on the host to find the stock information. By default it only looks in one section for stock detaisl so is usually pretty quick.

By default the stock system is designed to display the same information as you would get without stock control on, this means that you see the Add to Cart button by default. You can easily redesign the page to disable the button but you will also have to modify the javascript to work in reverse, I will post the code to do this later this evening for you.

Remember that this means if someone visits the page with javascript disabled they will not be able to order anything so a warning notice that javascript is required might be a good idea.

**Duncan Rounding** · 11-Jul-2011, 05:32 PM

Originally posted by Lewis323 View Post

...
P.S. Just checked the actinic.css file on the server. Actually those themes were already removed.

Are you sure?
I see references to lots of themes in your css file.

**malbro** · 12-Jul-2011, 10:09 AM

Originally posted by malbro View Post

I will post the code to do this later this evening for you.

Here is the standard stock control code in the layout

Code:

 	<span id="RemoveIfOutOfStock_<actinic:variable name="ProductReference" selectable="false" />" class="ActinicRTS" >
		<span id="EnableIfStockOk_<actinic:variable name="ProductReference" selectable="false" />" class="ActinicRTS" style="visibility: hidden; display: none;">
		<span id="StockLevel_<actinic:variable name="ProductReference" selectable="false" />" class="ActinicRTS" style="display: inline;"></span>&nbsp;in stock.
		</span>
	</span>
	<span id="EnableIfOutOfStock_<actinic:variable name="ProductReference" selectable="false" />" class="ActinicRTS" style="visibility: hidden; display: none;">
		<strong><span class="actrequired"><br /><Actinic:Variable Name="OutOfStock"/></span></strong>
	</span>

There are four span id's that the javascript code uses to control what is displayed. 'RemoveIfOutOfStock', 'EnableIfStockOK', 'StockLevel' and 'EnableIfOutOfStock'. There is no method in the javascript to 'HideIfInStock', which is what you will need to hide the out of stock message if you enable this by default. So having first changed the code on the out of stock message so that it displays by default:-

First change the EnableIfOutOfStock to HideIfInStock, leave the rest of the line as this is neccessary for multiple products on one page.

Now all you need is to modify the Stock javascript to add a method to HideIfInStock.

Inside the funtion updateStockDisplay() in actinic extras add the following code just in front of the line 'if (sIDStart == 'RemoveIfIfInStock')'

Code:

			if  (sIDStart == 'HideIfInStock') {
				if (mapStockByRef[sProdRef] > 0) {
					arrStockElems[nIndex].style.visibility = "hidden";
					arrStockElems[nIndex].style.display = "none";
				} else {
					arrStockElems[nIndex].style.visibility = "visible";
					arrStockElems[nIndex].style.display = "inline";
				}
			}

The out of stock will then be displayed until the stock levels are read and then it will be hidden if necessary.

**Lewis323** · 12-Jul-2011, 10:41 AM

Originally posted by drounding View Post

Are you sure?
I see references to lots of themes in your css file.

Ahha I will need to double check

..

Originally posted by malbro View Post

Here is the standard stock control code in the layout
...

Thanks for the help! I will try it and see how it works, if it doesn't upset anyone using the website I think this might be the best way to do it then

Announcement

Out of Stock message problems.. please help! :[

Out of Stock message problems.. please help! :[

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment