Creating a listing page method 2

[DforDog]

Hi,

I have currently got my cart set up with many products per page. I read a while ago that it is better to have one product per page, so have decided to finally get round to doing it.

I have followed the instructions in 'Creating a Listing Page which Links Through to Full Details Pages - Method 2' on page 24 of the Actinic v8 Advanced Users Guide (AUG).

But it is not quite looking how I would like. Here is what it looks like:



It is not too bad but is there a way of getting rid of 'add to cart' and 'quantity'? I want people to have to go to the more detailed page before they add to cart.

Also, I am not sure why it is showing this !!<>!! before each description. True I used italics to make little sub-headings for each product. Am I not allowed to use italics?

So basically I would like the listing page to show the image, the price, the beginning of the product description and the 'More Info...' bit too. I just don't like the 'add to cart' and 'quantity' bits. And if !!<>!! could be gotten rid of too that would be great.

Any advice please?

PS Am I going about this whole thing in the right way? I am doing the right thing aren't I cos i can see hours of work going into this but I think it will be good once done, yes?

[leehack]

There's 2 ways to do SPP, you're doing one way, the tutorial on my site will illustrate the other. I favour the tutorial route as do most people.

[DforDog]

Thanks for your reply. I don't understand though... I have done it that way i.e. a sub-section for each product.

That leaves me with a listing page and that is what is looking cronky.

[DforDog]

Sorry if I have not been clear. I am trying to do SPP and have used the code on page 24 of the AUG (v8) in its entirety but I don't want the cart or quantity options. I don't know coding so am not sure what bits to remove.

Thanks

[pinbrook]

SPP usually means
section
subsection
product
subsection
product

and so on with subsection and product

if you do it this way you dont have to change layouts, your list is subsection layouts which do not have add to cart

[DforDog]

Thanks.

In method 2 on page 24 they give a long piece of code. You make a new design that you call 'Section Link With Product Details'. You make this in Design - Library - Layouts - Section Link - CSS Section Link Layout.

This is what I have done and the result is this:



You get price, the first few words of the description, add to cart and quantity. I like the price and description but I don't want anyone to yet be able to add anything to their carts before they have read the full proper product description. So the two bits I want to omit are the add to cart and quantity bits. So I am wondering how to remove those two please?

The reason I am using the code from page 24 of the AUG is because the existing layout options give various basic layouts but none included two things I do want, which is price and just the first few words of the description.

[NormanRouxel]

Remove the quantity and cart bits by instead using the much shorter:

<div class="product_list">
<div class="image_product"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" /></a></div>
<div><h3 class="product"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><span style="color:<actinic:variable name="Palette2" />"><actinic:variable name='SectionName'/></span></a></h3></div>
<actinic:block type="ProductList" >
	<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductType%22%20%2f%3e%20%21%3d%202" >
		<actinic:block type="PriceList" >
			<b><actinic:variable name="PriceLayout" /></b><br><br>
		</actinic:block>
		<actinic:block php="true" >
			$sShort = "";
			$nCount = 0;
			$sOriginal = '<actinic:variable encoding="perl" name="ProductDescription" selectable="false" />';
			foreach(explode(" ", $sOriginal) as $sWord)
				{
				if ($nCount > 10)
					{
					$sShort .= "...";
					break;
					}
				$sShort .= $sWord . " ";
				$nCount++;
				}
			echo $sShort;
		</actinic:block>	
	</actinic:block>
</actinic:block>
<br><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self">More Info...</a>
</div>

[DforDog]

Thank you Norman

However, using that code I now have no short description and no price.



Any ideas please?

[NormanRouxel]

Oops. A missing </actinic:block> tag. I've fixed my post #7 above. And added some indentation for readability.

[DforDog]

You are brilliant. Thank you Norman, so very much

[DforDog]

Norman, sorry to bother you again but in that code what bit do I alter if I want more characters of the description to display?

[Duncan Rounding]

This bit:

if ($nCount > 10)

Change the 10 to something larger.

[DforDog]

Thank you so much

[DforDog]

Oh no, it has gone a bit wrong

So far I have only change 'Embossed Collars' over to the SPP. But see this page

http://www.dfordog.co.uk/acatalog/do...ars_leads.html

That does not look good. Why has it changed the look of that page as well?

I only wanted to change http://www.dfordog.co.uk/acatalog/em...er_collar.html

Can anyone help me to get this page http://www.dfordog.co.uk/acatalog/do...ars_leads.html looking how it was before i.e. not how the Embossed option looks but how the others look is how I want it to be.

[pinbrook]

You need to do abit of reading up on Actinic layouts as when you change a layout it will affect all the products/sections using that layout.

it sounds as if you need one layout for your multiple product pages and another layout for spp - but its all in the actinic documentation