Announcement

**slabar** · 03-23-11, 10:09 PM

Re: Miva Merchant Production Release 8 Public Beta

I finally found the line I needed to add GD Library support to my site so I am up and running on the latest beta. However for my next question is there documentation on setting up the extra images somewhere?

I am trying to figure out how to get the attributes to change to the proper color when selected. If it matters I am using generic attribute templates for my products colors and sizes.

Thanks in advance.

**lesliekirk** · 03-24-11, 03:25 AM

Re: Miva Merchant Production Release 8 Public Beta

Originally posted by Jim McCormick View Post

Now's your chance! Beta 2 has been installed in your store! Find us some bugs.

Thanks Jim!

**lesliekirk** · 03-24-11, 03:47 AM

Re: Miva Merchant Production Release 8 Public Beta

Originally posted by pbrynie View Post

Here is a troubleshooting checklist:

1. For a MMUI store, make sure you have the following in your PROD page's head tag:

Code:

<mvt:item name="attributemachine" param="head" />
<mvt:item name="prod_imagemachine" param="head" />

2. Both of these items are assigned to the page.

3. The IDs for main_image, thumbnails, closeup_div, closeup_image, and closeup_close all match in the template code and in the Image Machine settings tab.

4. And somewhere after the image elements in the page template:

Code:

<mvt:item name="prod_imagemachine" param="body:product:id" />

5. The ImageMachine's "enabled" setting is checked on the PROD screen.

Hey Preston,

Could you list all of the CSSUI item tags that need to be added to each of the screens? Looks like we have covered the PROD and CTGY. What about the PLST, SRCH and related items? I could probably figure them out, but the benefit of others it would be great to have them here.

Thanks!

**pbrynie** · 03-24-11, 08:21 AM

Re: Miva Merchant Production Release 8 Public Beta

MMUI item names:

Code:

ctgy_imagemachine
plst_imagemachine
relp_imagemachine
srch_imagemachine
prod_imagemachine

CSSUI item names:

Code:

category_listing_imagemachine
all_products_imagemachine
related_products_imagemachine
search_results_imagemachine
product_display_imagemachine

In order for the Image Machine to operate in both MMUI and CSSUI stores, there must be a mvt:item tag calling the appropriate item for the page in the head section with the parameter of "head".

Code:

<head>
...
<mvt:item name="category_listing_imagemachine" param="head" />
...
</head>

All of the HTML element IDs that are listed in the Image Machine's settings for that page must also exist in the template. If you intend to have an Image Machine act on a list of products, the HTML element IDs in its settings must have a unique product identifier. Lastly, there must be a mvt:item call to the item within the body of the template with the parameter of unique product id.

Code:

<body>
...
<div id="main_image_&mvt:product:id;"></div>
<div id="thumbnails_&mvt:product:id;"></div>
<div id="closeup_div_&mvt:product:id;"></div>
    <img id="closeup_image_&mvt:product:id;" />
    <a id="closeup_close_&mvt:product:id;">close</a>
</div>
...
<mvt:item name="category_listing_imagemachine" param="body:product:id" />
...
</body>

Regards,

**lesliekirk** · 03-24-11, 01:32 PM

Re: Miva Merchant Production Release 8 Public Beta

Thanks Preston.

**Mark Hood** · 03-24-11, 01:35 PM

Re: Miva Merchant Production Release 8 Public Beta

Seems I occasionally am getting logged out of the Admin when clicking the update button for a page edit.'

Has happened four or five times today and a few yesterday

**wajake41** · 03-24-11, 09:27 PM

Re: Miva Merchant Production Release 8 Public Beta

Hello forum: Got side tracked for a bit, now back to attempting to make the PR8 PROD page work with thumbnails.
I've added the suggested code & my main image shows.
Now I need help defining the thumbnails. Where and how is that done?

Thanks, Larry

**wajake41** · 03-24-11, 10:07 PM

Re: Miva Merchant Production Release 8 Public Beta

Hello again: In the shower tonight it came to me. The thumbprints are defined in admin on the product under the additional images tab. Correct?

Thanks, Larry

**wajake41** · 03-25-11, 05:43 AM

Re: Miva Merchant Production Release 8 Public Beta

Got it working.
Larry

**Mark Hood** · 03-25-11, 10:58 AM

Re: Miva Merchant Production Release 8 Public Beta

Where would I find the new code for a MMUI

Product Attribute Template changes?

**Rick Wilson** · 03-25-11, 11:11 AM

Re: Miva Merchant Production Release 8 Public Beta

I don't believe there are any, are you missing something?

**lesliekirk** · 03-25-11, 11:36 AM

Re: Miva Merchant Production Release 8 Public Beta

Originally posted by Jim McCormick View Post

Now's your chance! Beta 2 has been installed in your store! Find us some bugs.

I'm not sure if it's related or not but I think I have a permissions problem of not being able to write to a directory. I was playing around with a template package and got a Failed to apply framework: Failed to copy error.

Leslie

**Mark Hood** · 03-25-11, 11:49 AM

Re: Miva Merchant Production Release 8 Public Beta

It seems that when changing a product to a select option swatch I get this error.

popup window "Unable to locate form element(s) for attribute color"

Because I have a dev store in cssui I copied the attribute layout and it removes the error but I can not get thumbnail images to display.

**pbrynie** · 03-25-11, 12:54 PM

Re: Miva Merchant Production Release 8 Public Beta

Below are the updated PR8 Product Attribute templates and Product Display Layout templates. The changes were made to add handling of the new attribute type "swatch-select". While the select boxes for these new attributes are drawn in the template code below, the drawing of their clickable swatches is done by the Attribute Machine. By default, it attempts to insert the swatches into an HTML element with an ID of "swatches". In PR8, this element is within the Product Display Layout template.

CSSUI PR8 Product Display Layout template:

Code:

<h1>&mvt:product:name;</h1>
<div class="product-details-1"><div class="product-image"><img id="main_image" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" /></div>
	
	<div id="thumbnails" class="thumbnails"></div>
	<div id="closeup_div" class="closeup"><img id="closeup_image" src="graphics/en-US/cssui/blank.gif" alt="" /><div><a id="closeup_close">close</a></div></div>
	<mvt:item name="product_display_imagemachine" param="body:product:id" />
	<div class="clear product-image-margin"></div>
	<div class="product-code">Code: <span class="bold">&mvt:product:code;</span></div>
	<div class="product-price">Price: <span id="price-value" class="bold">&mvt:product:formatted_price;</span></div>
	<mvt:if expr="l.settings:product:weight NE 0">
	<div class="product-weight">Shipping Weight: <span class="bold">&mvt:product:weight;</span> &mvt:store:wtunits;</div>
	</mvt:if>
	<div id="inventory-message">
		<mvt:if expr="l.settings:product:inv_active">
		&mvt:product:inv_long;
		</mvt:if>
	</div>
	<div class="product-quantity">Quantity in Basket:
		<mvt:if expr="l.settings:product:quantity EQ 0">
		<span class="italic">None</span>
		<mvt:else>
		<span class="bold">&mvt:product:quantity;</span>
		</mvt:if>
	</div>
</div>
<div class="product-details-2">
	<form method="post" action="&mvt:global:sessionurl;Screen=BASK">
	<div class="product-description">&mvt:product:descrip;</div>
	<div id="swatches" class="swatches"></div>
	<div class="clear"></div>
	<input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
	<input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
	<input type="hidden" name="Action" value="ADPR" />
	<input type="hidden" name="Store_Code" value="&mvte:store:code;" />
	<input type="hidden" name="Product_Code" value="&mvte:product:code;" />
	<input type="hidden" name="Category_Code" value="&mvte:global:category_code;" />
	<input type="hidden" name="Offset" value="&mvte:global:Offset;" />
	<input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />
	<input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" />
	<input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
	<input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />
	<div class="product-attributes"><mvt:item name="product_attributes" param="product:id" /></div>
	<div class="purchase-buttons">Quantity: <input type="text" name="Quantity" value="1" class="product-quantity-input textfield" /> <mvt:item name="buttons" param="AddToBasket" /></div>
	</form>
</div>
<div class="clear"></div>

MMUI PR8 Product Display Layout template:

Code:

<table border="0" cellpadding="5" cellspacing="0">
<tr><td align="left" valign="middle" colspan="2">
<mvt:item name="fonts" param="hdr_font">
<b>&mvt:product:name;</b>
</mvt:item>
</td></tr>
<tr><td align="left" valign="middle" colspan="2">&nbsp;</td></tr>
<tr>
<td align="center" valign="top" rowspan="4">
<mvt:item name="fonts" param="body_font">
<img id="main_image" src="graphics/en-US/mmui/dot.gif" alt="&mvte:product:name;">
<div id="thumbnails" class="thumbnails"></div>
<div id="closeup_div" class="closeup"><img id="closeup_image" src="graphics/en-US/mmui/dot.gif" alt="&mvte:product:name;"><div><a id="closeup_close">close</a></div></div>
<mvt:item name="prod_imagemachine" param="body:product:id" />
<div class="clear product-image-margin"></div>
</mvt:item>
</td>
<td align="left" valign="top">
<mvt:item name="fonts" param="body_font">
Quantity in Basket:
<mvt:if expr="l.settings:product:quantity EQ 0">
<i>None</i>
<mvt:else>
<b>&mvt:product:quantity;</b>
</mvt:if>
<br>
Code: <b>&mvt:product:code;</b><br>
Price: <b><span id="price-value">&mvt:product:formatted_price;</span></b><br>
<mvt:if expr="l.settings:product:weight NE 0">
Shipping Weight: <b>&mvt:product:weight;</b> &mvt:store:wtunits;<br>
</mvt:if>
<span id="inventory-message">
<mvt:if expr="l.settings:product:inv_active">
&mvt:product:inv_long;
</mvt:if>
</span>
</mvt:item>
</td></tr>
<tr>
<td id="swatches" class="swatches">&nbsp;</td>
</tr>
<form method="post" action="&mvt:global:sessionurl;">
<input type="hidden" name="Action" value="ADPR">
<input type="hidden" name="Screen" value="PROD">
<input type="hidden" name="Store_Code" value="&mvte:store:code;">
<input type="hidden" name="Product_Code" value="&mvte:product:code;">
<input type="hidden" name="Category_Code" value="&mvte:global:category_code;">
<tr><td>&nbsp;</td></tr>
<tr><td align="left" valign="top">
<mvt:item name="product_attributes" param="product:id" />
</td></tr>
<tr><td align="left" valign="middle">
<mvt:item name="fonts" param="body_font">
Quantity:
<input type="text" name="Quantity" value=1 size=4>
<mvt:item name="buttons" param="AddToBasket" />
</mvt:item>
</td></tr>
</form>
<tr><td align="left" valign="middle" colspan="2">&nbsp;</td></tr>
<tr><td align="left" valign="middle" colspan="2">
<mvt:item name="fonts" param="body_font">
&mvt:product:descrip;
</mvt:item>
</td></tr>
</table>

**pbrynie** · 03-25-11, 12:54 PM

Re: Miva Merchant Production Release 8 Public Beta

CSSUI PR8 Product Attribute template:

Code:

<table>
<mvt:foreach iterator="attribute" array="attributes">
	<tr>
		<td class="prompt">
			<input type="hidden" name="Product_Attributes[ &mvt:attribute:index; ]:code" value="&mvte:attribute:code;" />
			<mvt:if expr="l.settings:attribute:template_code NE 0">
				<input type="hidden" name="Product_Attributes[ &mvt:attribute:index; ]:template_code" value="&mvte:attribute:template_code;" />
			</mvt:if>
			<mvt:if expr="l.settings:attribute:type NE 'checkbox'">
				<mvt:if expr="l.settings:attribute:image">
					<img src="&mvte:attribute:image;" alt="&mvte:attribute:prompt;" />
				<mvt:else>
					<mvt:if expr="l.settings:attribute:required">
						<span class="required">
					<mvt:else>
						<span>
					</mvt:if>
							&mvt:attribute:prompt;
						</span>
				</mvt:if>
			<mvt:else>
				&nbsp;
			</mvt:if>
		</td>
		<td class="field">
			<mvt:if expr="l.settings:attribute:type EQ 'text'">
				<input type="text" name="Product_Attributes[&mvt:attribute:index;]:value" value="&mvte:attribute:value;" class="textfield" />
			<mvt:elseif expr="l.settings:attribute:type EQ 'memo'">
				<textarea name="Product_Attributes[&mvt:attribute:index;]:value">&mvte:attribute:value;</textarea>
			<mvt:elseif expr="l.settings:attribute:type EQ 'radio'">
				<mvt:foreach iterator="option" array="attribute:options">
					<div>
					<mvt:if expr="( ( g.Product_Attributes[l.settings:attribute:index]:value EQ 0 ) AND
									( l.settings:option:id EQ l.settings:attribute:default_id ) )   OR
									( g.Product_Attributes[l.settings:attribute:index]:value EQ l.settings:option:code )">
						<input type="radio" name="Product_Attributes[&mvt:attribute:index;]:value" value="&mvte:option:code;" checked />
					<mvt:else>
						<input type="radio" name="Product_Attributes[&mvt:attribute:index;]:value" value="&mvte:option:code;" />
					</mvt:if>
					<mvt:if expr="l.settings:option:image">
						<img src="&mvte:option:image;" alt="&mvte:option:prompt;" />
					<mvt:else>
						&mvte:option:prompt;
					</mvt:if>
					</div>
				</mvt:foreach>
			<mvt:elseif expr="( l.settings:attribute:type EQ 'select' ) OR ( l.settings:attribute:type EQ 'swatch-select' )">
				<select name="Product_Attributes[&mvt:attribute:index;]:value">
					<mvt:foreach iterator="option" array="attribute:options">
						<mvt:if expr="( ( g.Product_Attributes[l.settings:attribute:index]:value EQ 0 ) AND ( l.settings:option:id EQ l.settings:attribute:default_id ) ) OR
										( g.Product_Attributes[l.settings:attribute:index]:value EQ l.settings:option:code )">
							<option value="&mvte:option:code;" selected>&mvte:option:prompt;</option>
						<mvt:else>
							<option value="&mvte:option:code;">&mvte:option:prompt;</option>
						</mvt:if>
					</mvt:foreach>
				</select>
			<mvt:elseif expr="l.settings:attribute:type EQ 'checkbox'">
				<mvt:if expr="g.Product_Attributes[l.settings:attribute:index]:value">
					<input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" value="Yes" checked />
				<mvt:else>
					<input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" />
				</mvt:if>
				<mvt:if expr="l.settings:attribute:image">
					<img src="&mvte:attribute:image;" alt="&mvte:attribute:prompt;" />
				<mvt:else>
					<mvt:if expr="l.settings:attribute:required">
						<span class="required">
					<mvt:else>
						<span>
					</mvt:if>
							&mvt:attribute:prompt;
						</span>
				</mvt:if>				
			</mvt:if>
		</td>
	</tr>
</mvt:foreach>
</table>
<div class="clear"></div>

MMUI PR8 Product Attribute template:

Code:

<table border=0>
<mvt:foreach iterator="attribute" array="attributes">
<input type="hidden" name="Product_Attributes[&mvt:attribute:index;]:code" value="&mvte:attribute:code;">
<mvt:if expr ="l.settings:attribute:template_code NE 0">
<input type="hidden" name="Product_Attributes[&mvt:attribute:index;]:template_code" value="&mvte:attribute:template_code;">
</mvt:if>
<mvt:if expr = "l.settings:attribute:type EQ 'checkbox'">
<tr><td>
&nbsp;
</td><td align="left" valign="middle">
<mvt:item name="fonts" param="body_font">
<mvt:if expr = "g.Product_Attributes[l.settings:attribute:index]:value">
<input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" value="Yes" checked>
<mvt:else>
<input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" value="Yes">
</mvt:if>
<mvt:if expr="l.settings:attribute:image">
<img src="&mvte:attribute:image;" alt="&mvte:attribute:prompt;">
<mvt:else>
<mvt:if expr="l.settings:attribute:required">
<b>&mvt:attribute:prompt;</b>
<mvt:else>
&mvt:attribute:prompt;
</mvt:if>
</mvt:if>
</mvt:item>
</td></tr>
<mvt:else>
<tr><td align="left" valign="top">
<mvt:item name="fonts" param="body_font">
<mvt:if expr="l.settings:attribute:image">
<img src="&mvte:attribute:image;" alt="&mvte:attribute:prompt;">
<mvt:else>
<mvt:if expr="l.settings:attribute:required">
<b>&mvt:attribute:prompt;</b>
<mvt:else>
&mvt:attribute:prompt;
</mvt:if>
</mvt:if>
</mvt:item>
</td>
<mvt:if expr="l.settings:attribute:type EQ 'text'">
<td align="left" valign="top">
<mvt:item name="fonts" param="body_font">
<input type="text" name="Product_Attributes[&mvt:attribute:index;]:value" value="&mvte:attribute:value;" size=40>
</mvt:item>
</td>
<mvt:elseif expr="l.settings:attribute:type EQ 'memo'">
<td align="left" valign="top">
<mvt:item name="fonts" param="body_font">
<textarea name="Product_Attributes[&mvt:attribute:index;]:value" rows=10 cols=58 wrap="on">&mvte:attribute:value;</textarea>
</mvt:item>
</td>
<mvt:elseif expr="l.settings:attribute:type EQ 'radio'">
<td align="left" valign="top">
<table border = 0>
<mvt:foreach iterator="option" array="attribute:options">
<tr><td valign = "middle">
<mvt:if expr="( ( g.Product_Attributes[l.settings:attribute:index]:value EQ 0 ) AND ( l.settings:option:id EQ l.settings:attribute:default_id ) ) OR
												( g.Product_Attributes[l.settings:attribute:index]:value EQ l.settings:option:code )">
<input type="radio" name="Product_Attributes[&mvt:attribute:index;]:value" value="&mvte:option:code;" checked>
<mvt:else>
<input type="radio" name="Product_Attributes[&mvt:attribute:index;]:value" value="&mvte:option:code;">
</mvt:if>
</td><td valign = "middle">
<mvt:if expr="l.settings:option:image">
<img src="&mvte:option:image;" alt="&mvte:option:prompt;">
<mvt:else>
<mvt:item name="fonts" param="body_font">
&mvte:option:prompt;
</mvt:item>
</mvt:if>
</td></tr>
</mvt:foreach>
</table>
</td>
<mvt:elseif expr="l.settings:attribute:type EQ 'select' OR l.settings:attribute:type EQ 'swatch-select'">
<td align="left" valign="top">
<mvt:item name="fonts" param="body_font">
<select name="Product_Attributes[&mvt:attribute:index;]:value">
<mvt:foreach iterator="option" array="attribute:options">
<mvt:if expr="( ( g.Product_Attributes[l.settings:attribute:index]:value EQ 0 ) AND ( l.settings:option:id EQ l.settings:attribute:default_id ) ) OR
										( g.Product_Attributes[l.settings:attribute:index]:value EQ l.settings:option:code )">
<option value="&mvte:option:code;" selected>&mvte:option:prompt;</option>
<mvt:else>
<option value="&mvte:option:code;">&mvte:option:prompt;</option>
</mvt:if>
</mvt:foreach>
</select>
</mvt:item>
</td>
</mvt:if>
</tr>
</mvt:if>
</mvt:foreach>
</table>

Regards,

Announcement

Miva Merchant Production Release 8 Public Beta

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment