product by brand (2 sections or using search results page)?

[Cheapprices4u]

hi ive finally been reading gabes tutorials, and trying to implement this excelent idea

i for the life of me cant seem to get the products to list

what i have tried so far is created variable as a true false, ive even tried text
then applied the code to a layout, in this case a fragment as a test area.
and all products list not just the ones set to TRUE

can some kind sole put me out of my misery
and give me an idiots guide for the layout part, as in the code to show brand A when it equals true
or even

show brand a if true and block brand b if false

or show "text2" etc

im going Mad here, reimported my snapshot 3 times now to undo what i have tried to make sure i havent ballsed it up too bad

many thanks if you can help

[Cheapprices4u]

think ive nearly done it, but one last question before i post what i have done

which layout is best to achieve this on?

base is on ?

so far ive used a fragment and just pasted my code in to it, but it doesnt look pretty just a list with images
is there anyway i can tart it up

do i just make a stylesheet for the brands?

cheers

[Cheapprices4u]

just thought i would update this post

<div class="blockscontainer">

<actinic:block type="EntireSectionList" >

<actinic:block type="ProductList" >

<actinic:block type="ProductList" if="%3cactinic%3avariable%20name%3d%22Brand%22%20%2f%3e%3d%3dsnickers" >

<div class="floatblock">

<div class="headerblock"><div class="padding">




</div>
</div></div>
<div class="picblock">

<div align="center"><a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable name="ProductReference" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>"><img src="<actinic:variable name="ProductThumbnailImageFileName" />" alt="<actinic:variable name="ProductName" />" width="95" height="130" border="0" /></a> </div>
</div>

</div>


</actinic:block>

</actinic:block> 

</actinic:block>




</div>

the text in red should be edited to apply to your products and or brands

Css needed kindly provided by gabe

/**gabes css**/
.headerblock { 
                color: #FFFFFF;
                background-color: #333333;
                height: 45px;
				width: 130px;
                border-bottom-width: 8px;
              border-bottom-style: solid;
               border-bottom-color: #FF9900;
        }
        .headerblock a {
                color: #FFFFFF;
        }
		.floatblock {
	float: left;
	height: 190px;
	width:130px;
	background-color: #ffffff;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #333333;
}

i put the layout code in a fragment and named each one to suit the product
then just selected it in turn

hope it helps someone

[nileshpa]

Gareth,

What you have achieved with a simple implementation is similar to what I have been trying to do. The code you posted relies on a couple of CSS classes, namely picblock & blockscontainer which are not included.

Would it be possible for you to post the CSS code for these two classes (& anything else that is missing) as a starting point for me to work from.

Many Thanks in advance

Nilesh

[leehack]

Firefox and firebug will show them to you instantly if you know the live URL.

[nileshpa]

Lee

I downloaded & installed, both Firefox & Firebug. Since I didn't know the live URL of Gareth's website, I used it to look at other websites. It gave me a better understanding CSS & found workarounds for what I want to do.

Didn't realise how powerful firefox add-ons are. Very impressive indeed.

So many thanks for the advice on firefox - It has helped me considerably.

Regards

Nilesh

[Cheapprices4u]

sorry didnt see this before
ill post code up later in the mean time look at my temp url

as ive tweaked it since then

cheapprices4u dot co dot uk

happy hunting

[nileshpa]

Gareth

Thanks for the URL.
Taking the code you originally posted as a baseline and also using Firefox& Firebug to understand how both, CSS & Actinic work. I manage to achieve the following. See

http://www.alnavi.co.uk/acatalog/Bir...k_For_All.html

Its not much but its a start. Cosmetic changes need to be made to improve layout & also resolve the missing/fuzzy images. Once all custom variables are defined, I can start to slice & dice the products list & ease navigation. Thus, preventing the need of any duplicates.

Many Thanks for all your help.
Nilesh

[Richardpixel]

Custom Var list with links

i am pretty sure we did the search by brand at venus365 dot co dot uk with customvars

Jo: How did you get a list of custom vars with links through to search results? I'm try to do this on a site but the list would just appear horizontally (see in the "By Brand" list on the below link). I have used Gabriel's technique so far, but my initial problem is that my custom var for brand is being duplicated. Then I don't know how to link through to the relevant search results by brand.

I know this works from the search page as I've added my custom var for brand (<actinic:variable name="InspirationalElementsBrand" />) as a searchable property.

Any ideas?

You can see an example of where I'm at so far here: http://www.pixelcreation.co.uk/ie-store/