Page 1 of 1
ProductPage Layout changed after upgrade R4 to R6
Posted: Mon Nov 18, 2013 6:29 pm
by rlopez
We did the incremental upgraded from R4, R5 to R6 build 6169 Dev site. All appeared to be fine accept our Product layout changed. We are using Wireframe theme customized. We did not bother to check after going to R5 so I do not know if the change took place at that time. I'm struggling with the [[ConLib:ProductPage]] which in the help guides shows the layout should look like this example:
Productbasicorig.JPG
and this it what we had as our default Product Layout prior to the upgrade.
What we have now is this
Productbasic.JPG
and the Conlib file is listed as default [[Conlib:ProductPage OptionsView="DROPDOWN"]]. I've tried every version of the Conlib control including [[ConLib:ProductImage ShowImage="thumbnail" ThumbnailClickInstructionText="click on thumbnail to zoom" Product=""]] but I cannot get the layout to work like it should above from our original default layout we setup. Here is the error I'm receving:
[[ConLib:ProductImage ShowImage="thumbnail" ThumbnailClickInstructionText="click on thumbnail to zoom" Product=""]] Invalid cast from 'System.String' to 'CommerceBuilder.Products.Product'.
If anyone has any feedback to what I'm doing wrong, please let me know your help would be greatly appreciated.
Re: ProductPage Layout changed after upgrade R4 to R6
Posted: Tue Nov 19, 2013 6:35 am
by jmestep
I hadn't noticed that in R6, but the Product parameter is really weird. In the definition of parameters, it looks like you can specify a product other than the one you are looking at, but passing the product is weird. It says this:
Code: Select all
<param name="Product">The prouct to display the image for. If not specified then it will look into query string for a ProductId parameter.</param>
When you don't define Product, then it uses the one for the page where you are. But it doesn't look like there is anything in the code behind to parse what you pass. Here is what is in the code for the thumbnail click:
Code: Select all
[Browsable(true), DefaultValue("click on thumbnail to zoom")]
[Description("The text for the instruction text link for cliking thumbnail")]
public string ThumbnailClickInstructionText { get; set; }
It looks like Able didn't put the [Browsable} info on it like it had in R4. Here is part of R4
Code: Select all
int _ProductId;
Product _Product;
[Personalizable(), WebBrowsable()]
public Product Product
{
get
{
You could try adding this in R6: [Personalizable(), WebBrowsable()]
Re: ProductPage Layout changed after upgrade R4 to R6
Posted: Tue Nov 19, 2013 6:44 pm
by rlopez
Judy,
Thank you for the information. I did try changing this tag and still no change to the layout. We have never changed any code to the product page layouts since upgrading to Gold. I do see that Able had made changes to these files over the last several upgrades. I don't no what the changes were only by seeing the file dates changed between R4 and R6.
I don't know if anyone else is using the basic page layout by Able if they are please pipe in. I would like to see if they have had any issues as well. Maybe someone from Able can verify if any changes were made to ProductPage or ProductImage between R4 & R6 and if so what were the changes.
Rick L.
Re: ProductPage Layout changed after upgrade R4 to R6
Posted: Wed Nov 20, 2013 6:47 am
by jmestep
I thought the issue was the question about the product parameter. What is the issue? Is it because the thumbnails under the product image don't show?
Re: ProductPage Layout changed after upgrade R4 to R6
Posted: Wed Nov 20, 2013 11:19 am
by rlopez
The issue is with the conlib control not producing the layout we had prior to the up grade. Sorry if I'm not explaining correctly. The first screenshot shows the layout we had prior to the upgrade using this control. [[Conlib:ProductPage]]. This is the layout the control should produce as a default without any customization. This is also shown in the help.abblecommerce files. The broken link on the pic is not the problem. That's an easy fix. Its the layout itself.
Sreenshot 1 Correct Layout. [[Conlib:ProductPage]] Layout is correct
Main Image (centered)
Icon image below (centered)
Text"Click on thumbnail to zoom"
Screenshot 2 incorrect Layout. using the following control: [[Conlib:ProductPage]]
Produces the following layout.
Main Image has slid left (not centered)
No thumbnail Image
No text"Click on thumbnail to zoom"
Iv'e Also tried changing the control using the following: [[Conlib:ProductPage OptionsView="DROPDOWN"]] No change to layout.
Also tried [[ConLib:ProductImage ShowImage="thumbnail" ThumbnailClickInstructionText="click on thumbnail to zoom" Product=""]] which throws an error: Invalid cast from 'System.String' to 'CommerceBuilder.Products.Product'. Which should work whether we define a product or not.
So I tried [[Conlib:ProductImage]] All I get is centered image.
This is confusing. Once again we did not do any customization with product page controls or css before or after the upgrade. All I'm trying to achieve is getting the basic default layout of screen shot 1 back by using the [[Conlib:ProductPage]] control. Maybe I'm not using the right control to achieve Screen shot 1 layout.
Rick L
Re: ProductPage Layout changed after upgrade R4 to R6
Posted: Thu Nov 21, 2013 6:22 am
by jmestep
I don't really know why that would have happened, but you might be able to fix it by changing the style in the stylesheet.
Re: ProductPage Layout changed after upgrade R4 to R6
Posted: Thu Nov 21, 2013 10:14 am
by Katie
If you are using the default wireframe theme (not a copy), then it's certainly possible that the style.css was overwritten for that theme. Occasionally, we make adjustments to the default themes on an upgrade. Hopefully you have a backup and can compare your version with the new one.
Re: ProductPage Layout changed after upgrade R4 to R6
Posted: Thu Nov 21, 2013 10:18 am
by compunerdy
rlopez wrote:Once again we did not do any customization with product page controls or css before or after the upgrade.
I would download R4 and try the product page from it and see if it changes it back to the way it was before.