Forums / Templates, Stylesheets, Page Layout / Product page in Chrome

Product page in Chrome

Views: 1,165

Results 1 to 8 of 8
27 Oct 2012, 2:02 AM
#1
nolsowski avatar

nolsowski

Inactive

Join Date:
Aug 2010
Posts:
324
Plugin Contributions:
0

Product page in Chrome

On my product description page under the options & add to bag tab on Firefox looks perfect. (well to me anyways) But I noticed on Chrome it looks choppy. Also the "Please Choose:" words are showing up in Chrome and not in Firefox. (I don't want the words there)

I am running v150 and here is the example page I am talking about http://frompropertorocker.com/index.php?main_page=product_info&cPath=25_109&products_id=2691

Thanks in advance!

27 Oct 2012, 1:23 PM
#2
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Product page in Chrome

Okay... when I validate the page code there are 102 errors. So how did you create that page layout and how did you enter the description and so on that is on the page? Did you use a visual editor like Dreamweaver? Or did you, perhaps, copy and paste from Word? Either of those would introduce extraneous and poorly formed code, which would explain a lot of the errors.

Which mod did you use to create the tabs? And what did you do in the stylesheet to arrange elements in that particular tab the way you want them?

Also, the "Please choose" text is there in the code in Firefox too. What did you do that made you expect it would not appear?

Rob

Breakfast: the most important donut of the day.

27 Oct 2012, 1:37 PM
#3
nolsowski avatar

nolsowski

Inactive

Join Date:
Aug 2010
Posts:
324
Plugin Contributions:
0

Re: Product page in Chrome

First of all thank you in advance for your help!! :)

I have Tabbed Products Pro installed. There is an option in my admin that allows me to have the description where it is or on a tab like the others. I didn’t like it on the tab so I left it where it is.

I am using the plain text editor when I edit since I have the tabs.

For my attribute text I put this into my css #attribsOptionsText {display: none;} and since I don’t see it on Firefox I figured that I did it right but I guess I am wrong.

27 Oct 2012, 1:48 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Product page in Chrome

#attribsOptionsText is a selector for an id, which should be unique on a page. What you actually have is a class, which would be referred to as .attribsOptionsText .

27 Oct 2012, 2:38 PM
#5
bislewl avatar

bislewl

Totally Zenned

Join Date:
Dec 2011
Location:
Wisconsin, USA
Posts:
674
Plugin Contributions:
12

Re: Product page in Chrome

An easy way to test browsers, and how they look is:
https://browserlab.adobe.com
No need to buy just signup for an account

27 Oct 2012, 4:40 PM
#6
nolsowski avatar

nolsowski

Inactive

Join Date:
Aug 2010
Posts:
324
Plugin Contributions:
0

Re: Product page in Chrome

gjh42:

#attribsOptionsText is a selector for an id, which should be unique on a page. What you actually have is a class, which would be referred to as .attribsOptionsText .

Thank you!

27 Oct 2012, 4:40 PM
#7
nolsowski avatar

nolsowski

Inactive

Join Date:
Aug 2010
Posts:
324
Plugin Contributions:
0

Re: Product page in Chrome

bislewl:

An easy way to test browsers, and how they look is:
https://browserlab.adobe.com
No need to buy just signup for an account

Thank you! I will check this out.

27 Oct 2012, 5:22 PM
#8
nolsowski avatar

nolsowski

Inactive

Join Date:
Aug 2010
Posts:
324
Plugin Contributions:
0

Re: Product page in Chrome

I think I got it. Does it look okay to you guys on chrome now? It does on mine but you never know..lol