template design works in explorer, not in firefox

General ShopSite user discussion

template design works in explorer, not in firefox

Postby nate-mws » Mon Jul 30, 2007 2:06 pm

i am having a similar problem, but only in firefox. when i do a search in explorer, it seems to be fine.

www.midweststereo.com is the site. do a search for denon or digidesign, or anything really. those just have enough products to show the difference.

anyway, the products list fine in explorer, but in firefox they tab over a column on each consecutive result, making about 5 products listing before they go back to the left and start the process over again.

any ideas? i've gotten this problem reduced to what you see now. it originally caused the page to expand by about 300% of the monitor width. i can temporarily live with it the way it is, but i do need to find some solution. the first part was solved by fixing some tags in the search template. i then switched from Default Page Template (which i could not actually find in the templates directory) to search_link in the link template override box, and that helped greatly. it solved the problem completely in explorer, but you see the result still left in firefox.
nate-mws
 
Posts: 14
Joined: Wed Jul 25, 2007 1:29 pm
Location: Location, Location

Postby Jim » Mon Jul 30, 2007 3:29 pm

Run the source of the page through an html validator. I saw missing closing form tag (</form>) missing closing div tags( </div>) etc when I ran it through an html editor for firefox. Both of those kind of error would lead to display issues.

There are a number of places where the html validator complains about non-valid </b> tag where you have 2 </b> </b> together.


Also many of your <a href ...>s contain non escaped spaces in the file name for example <a href="Demos &amp; Trials/Abelton Live 6.0.7/Manuals/ableton_live6_manual_spanish.pdf" target="_blank">
A space is not a valid character for a url.

Your Doctype
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
says the file should be xhtml compliant but many tags are not properly closed.

The normal html validators I use seem to be unreachable today so I downloaded a plugin for firefox from https://addons.mozilla.org/firefox/addon/249
Which displays the validation information when you view the source of the page.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Postby nate-mws » Fri Aug 10, 2007 10:35 am

i found a solution, although i'm still tweaking our overall layout. it seems that the trouble was in the "search_link" link override template, which is, i believe, a shopsite template. when i unchecked the box saying to use "search_link" instead of the default link template, all my search results line up perfectly.

i found the extra </b> tag in the page source on a search results page. it just doesn't appear that it came as a result of any code written here. again, i'm just taking over the coding for shopsite, but from the result i got by removing "search_link", it would appear to me that it's that template and not our code that causes the issue.
nate-mws
 
Posts: 14
Joined: Wed Jul 25, 2007 1:29 pm
Location: Location, Location

Postby loren_d_c » Fri Aug 10, 2007 11:37 am

The search results screen includes at least 3 templates: the search template (overall layout), the search link template (how the link to the store page the found product is on looks), and the product template (how the product looks).

All of the default themes/templates used for the search results were designed to work together (search_default, search_link, and search_product, for example).

If you changed one of these, or made your own custom search template but not a custom search link template, then that could cause problems with the way the HTML from the various templates interacts.

By unchecking the 'Link Template Override' checkbox you are basically saying that instead of this template for the links to the pages, use the DEFINE LINK_TO_PAGE section of whatever template is assigned to that page that is being linked to. This is probably fine if it is working for you like this, but just note that if the pages linked to use different templates and their DEFINE LINK_TO_PAGE section is different, then their is the potential for your page links on the search results page to look odd and not consistent with each other, in which case you may want to create your own custom page template with a universal DEFINE LINK_TO_PAGE section just for the search results and select this as your 'Link Template Override' template.

-Loren
loren_d_c
 
Posts: 2572
Joined: Fri Aug 04, 2006 12:02 pm
Location: Anywhere


Return to User Forum

Who is online

Users browsing this forum: No registered users and 75 guests