ProductPage Layout changed after upgrade R4 to R6

For general questions and discussions specific to the AbleCommerce GOLD ASP.Net shopping cart software.
Post Reply
rlopez
Lieutenant Commander (LCDR)
Lieutenant Commander (LCDR)
Posts: 96
Joined: Mon Mar 15, 2004 1:08 pm
Contact:

ProductPage Layout changed after upgrade R4 to R6

Post by rlopez » Mon Nov 18, 2013 6:29 pm

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.
Rick L.
https://www.boatingsolutions.com
We make boat repair easy!

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: ProductPage Layout changed after upgrade R4 to R6

Post by jmestep » Tue Nov 19, 2013 6:35 am

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()]
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

rlopez
Lieutenant Commander (LCDR)
Lieutenant Commander (LCDR)
Posts: 96
Joined: Mon Mar 15, 2004 1:08 pm
Contact:

Re: ProductPage Layout changed after upgrade R4 to R6

Post by rlopez » Tue Nov 19, 2013 6:44 pm

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.
Rick L.
https://www.boatingsolutions.com
We make boat repair easy!

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: ProductPage Layout changed after upgrade R4 to R6

Post by jmestep » Wed Nov 20, 2013 6:47 am

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?
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

rlopez
Lieutenant Commander (LCDR)
Lieutenant Commander (LCDR)
Posts: 96
Joined: Mon Mar 15, 2004 1:08 pm
Contact:

Re: ProductPage Layout changed after upgrade R4 to R6

Post by rlopez » Wed Nov 20, 2013 11:19 am

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
Rick L.
https://www.boatingsolutions.com
We make boat repair easy!

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: ProductPage Layout changed after upgrade R4 to R6

Post by jmestep » Thu Nov 21, 2013 6:22 am

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.
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

User avatar
Katie
AbleCommerce Admin
AbleCommerce Admin
Posts: 2651
Joined: Tue Dec 02, 2003 1:54 am
Contact:

Re: ProductPage Layout changed after upgrade R4 to R6

Post by Katie » Thu Nov 21, 2013 10:14 am

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.
Thank you for choosing AbleCommerce!

http://help.ablecommerce.com - product support
http://wiki.ablecommerce.com - developer support

User avatar
compunerdy
Admiral (ADM)
Admiral (ADM)
Posts: 1283
Joined: Sun Nov 18, 2007 3:55 pm

Re: ProductPage Layout changed after upgrade R4 to R6

Post by compunerdy » Thu Nov 21, 2013 10:18 am

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.

Post Reply