code showing in lightbox images

[Rich Brady]

Make sure the place of setting is "Product" and the Panel Name "Marketing".

Type = "Text" and check the "Allow empty value" box

[trafford]

yep done that . . . .

[Rich Brady]

Okay, click on the design tab in actinic, so that you can see the page code

[trafford]

can't get to it yet the buttons greyed out as though i've not finished yet . . . . have i missed something?

[Rich Brady]

Ignore my last post LOL.

Put "Discount:" in to the Top Level Field and make sure initial value is Use Parent

[trafford]

ah . . . there's nothing in 'prompt' and if i put anything in there the ok button comes live

[trafford]

still greyed out after doing what you said above . . .

[Rich Brady]

ah . . . there's nothing in 'prompt' and if i put anything in there the ok button comes live

Ah okay, well spotted

[trafford]

Rich i'll have to come back to this on monday, i've got to go and cash up lol . . . . no rest in this place i tell ya . . . . .

i'll look the thread up monday and have another stab at it, thanks for the idea even if i didn't get it working just yet lol

[trafford]

or post me the rest . . . . it was trial and error finding that prompt livened that button up lol

[Rich Brady]

No Problem

[Rich Brady]

Okay, this tutorial starts from the very begining. Including the creation of a variable:

Create a new variable:

Design | Library | Variables |Right click new



Enter the following parameters:

Name: SpecialOfferText

Promt: Special Offer Text

Groups: Product

Place of Setting: Product

Panel Name: Marketing

Type: Text

Allow Empty Text: Checked




Press okay and close the Library.

Go to any product and navigate to the “Marketing” panel. You should find the variable and text field you just created.

Enter some text “sample text” for example and apply the changes.

Now, go to the “Design Tab”:



Make sure you can see the Layout code:




In the preview pane click on the product title. The code screen should be populated with something similar to this (depending on your product layout):



Underneath the ProductName variable insert this code:

<div class=”product-offer”>SpecialOfferText</div>

As you type “SpecialOfferText” actinic will self complete the variable for you:



Select that line of code and click on the green block button:



Enter the condition:



Apply the changes.

Right click on the “product” class on the ProductName line of code and click on “Look up in the stylesheet”

Copy the “product” style. It will look something like:

h2.product	{
	font-size: "ExtraLargeFontSize";
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: Palette2;
	line-height:105%;
	}

Paste it straight after the “}” and change the code to this:

.product-offer	{
	font-size: "ExtraLargeFontSize";
	font-weight: 900;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color: #0000FF;
	line-height:105%;
	}

Apply the changes and click “OK” to close the stylesheet. You should now see your sample text beneath the product title in blue.

[Sean Williams]

Hey - great tute Rich!
I always forget the various steps when doing this, so I've bookmarked this for reference - thanks

[Rich Brady]

Thanks Sean, I think the steps have been documented, in part, before, but I thought for clarity posting it here was the correct repsonse.

[Rich Brady]

Dave, I wonder if you would mind if we changed the title of the thread to something along the lines of "Creating and Inserting a New Variable at Product Level"?