Webmastersite.net
Register Log In

Imagemap displayed on top level categories

Comments on Imagemap displayed on top level categories

risestar9999
Beginner

Usergroup: Member
Joined: Apr 29, 2018

Total Topics: 1
Total Comments: 2
Imagemap displayed on top level categories
Posted Apr 29, 2018 - 3:59 PM:

i have a listing DB that has USA as a top level category and the US states as subcategories. I want to display an imagemap under the top level category only, that has links to all the various subcategories. I have the imagemap code and have tried pasting it into the "description" using the WYSIWYG editor,but it creates a great amount of unwanted whitespace under the image.

What is the cleanest way to display this? I would prefer to have this only display on the very front page. This is the imagemap code I want to use


<img src="800px-Map_of_USA.png" usemap="#USA_image_map">

<map name="USA_image_map">
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=17" shape="poly" coords="537,310,556,377,518,382,518,395,506,391,504,312" alt="Alabama" title="Alabama" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=18" shape="poly" coords="127,381,128,451,148,457,171,481,171,491,153,491,132,461,98,456,83,473,10,482,55,456,34,431,43,391,60,375,89,365" alt="Alaska" title="Alaska" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=19" shape="poly" coords="110,330,159,362,191,368,204,271,134,258,131,272,123,272,117,290,126,304" alt="Arizona" title="Arizona" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=20" shape="poly" coords="409,289,408,337,416,350,460,350,472,311,479,295,467,290" alt="Arkansas" title="Arkansas" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=21" shape="poly" coords="23,137,76,151,61,203,117,283,115,289,124,303,112,329,76,325,34,279,11,162" alt="California" title="California" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=22" shape="poly" coords="214,196,308,207,304,276,206,267" alt="Colorado" title="Colorado" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=23" shape="poly" coords="683,154,683,172,705,163,703,150" alt="Connecticut" title="Connecticut" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=25" shape="poly" coords="663,199,667,225,678,225,674,213" alt="Delaware" title="Delaware" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=26" shape="poly" coords="610,378,648,455,632,486,617,487,596,434,574,394,553,405,521,393,521,384,556,379,556,384" alt="Florida" title="Florida" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=27" shape="poly" coords="537,307,572,304,614,348,609,380,557,381" alt="Georgia" title="Georgia" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=28" shape="poly" coords="183,423,180,461,216,491,283,492,286,465,244,424" alt="Hawaii" title="Hawaii" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=29" shape="poly" coords="141,40,128,89,134,97,121,117,114,159,189,172,197,131,172,128,167,106,158,109,160,88,146,60,152,42" alt="Idaho" title="Idaho" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=30" shape="poly" coords="463,184,450,219,470,243,467,254,486,275,496,274,505,243,501,189,493,174,461,179" alt="Illinois" title="Illinois" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=31" shape="poly" coords="503,191,502,260,527,254,542,237,537,185" alt="Indiana" title="Indiana" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=32" shape="poly" coords="385,164,379,179,391,215,446,215,454,204,461,188,451,165" alt="Iowa" title="Iowa" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=33" shape="poly" coords="307,224,301,278,407,280,407,243,401,238,404,231,393,224" alt="Kansas" title="Kansas" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=34" shape="poly" coords="485,286,565,275,582,259,569,241,544,234,528,258,502,261" alt="Kentucky" title="Kentucky" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=35" shape="poly" coords="421,407,426,382,416,367,418,351,461,351,463,363,456,385,479,385,488,396,495,416,456,421" alt="Louisiana" title="Louisiana" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=36" shape="poly" coords="698,93,709,124,713,131,748,88,740,74,728,50,708,47" alt="Maine" title="Maine" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=37" shape="poly" coords="611,211,611,219,631,212,649,222,648,229,658,232,666,247,677,224,665,224,662,202" alt="Maryland" title="Maryland" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=38" shape="poly" coords="681,142,682,155,708,150,715,156,733,158,733,143,713,134" alt="Massachusetts" title="Massachusetts" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=39" shape="poly" coords="454,95,463,109,497,124,511,187,554,183,562,159,540,107,485,71" alt="Michigan" title="Michigan" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=40" shape="poly" coords="374,66,380,119,378,123,385,130,385,164,451,164,451,155,428,140,426,125,434,105,464,80,403,72,399,59" alt="Minnesota" title="Minnesota" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=41" shape="poly" coords="474,314,503,311,506,394,488,395,478,383,456,383,464,356,463,346" alt="Mississippi" title="Mississippi" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=42" shape="poly" coords="392,216,393,224,406,240,407,288,472,287,468,295,476,295,486,279,466,254,469,245,447,218" alt="Missouri" title="Missouri" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=43" shape="poly" coords="154,41,149,58,162,87,159,106,167,103,174,127,196,128,198,123,285,132,293,63" alt="Montana" title="Montana" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=44" shape="poly" coords="284,169,281,204,307,206,307,221,396,224,384,181,355,174" alt="Nebraska" title="Nebraska" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=45" shape="poly" coords="77,152,150,167,130,270,122,270,118,285,61,204" alt="Nevada" title="Nevada" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=46" shape="poly" coords="692,95,688,140,711,134,697,91" alt="New Hampshire" title="New Hampshire" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=47" shape="poly" coords="668,173,667,188,673,193,665,200,675,212,687,187,680,182,680,176" alt="New Jersey" title="New Jersey" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=48" shape="poly" coords="204,267,290,275,281,364,204,360,202,370,189,366" alt="New Mexico" title="New Mexico" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=49" shape="poly" coords="607,148,597,171,658,159,667,170,680,174,680,180,687,184,707,169,685,171,682,154,682,139,670,103,648,107,629,139" alt="New York" title="New York" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=50" shape="poly" coords="589,274,556,305,597,298,624,300,641,313,682,278,670,258" alt="North Carolina" title="North Carolina" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=51" shape="poly" coords="293,63,288,115,380,120,373,67" alt="North Dakota" title="North Dakota" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=52" shape="poly" coords="545,234,567,238,572,244,596,203,592,178,563,187,553,184,538,186,542,229" alt="Ohio" title="Ohio" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=53" shape="poly" coords="290,276,407,281,412,340,359,331,331,324,331,290,288,288" alt="Oklahoma" title="Oklahoma" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=54" shape="poly" coords="50,66,22,121,22,135,113,157,118,114,131,98,125,87,83,87,61,81,60,69" alt="Oregon" title="Oregon" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=55" shape="poly" coords="591,175,597,213,660,200,671,192,665,186,667,171,658,159" alt="Pennsylvania" title="Pennsylvania" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=56" shape="poly" coords="708,149,713,156,707,163,702,153" alt="Rhode Island" title="Rhode Island" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=57" shape="poly" coords="572,303,616,349,638,314,625,301,597,297" alt="South Carolina" title="South Carolina" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=58" shape="poly" coords="289,115,380,120,377,124,383,131,383,163,380,179,355,173,313,169,285,168,286,152,286,134" alt="South Dakota" title="South Dakota" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=59" shape="poly" coords="475,312,557,305,588,273,480,287" alt="Tennessee" title="Tennessee" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=60" shape="poly" coords="289,285,281,366,229,360,255,405,276,418,290,404,307,407,340,467,367,477,367,444,423,408,426,381,416,344,403,337,331,325,330,288" alt="Texas" title="Texas" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=61" shape="poly" coords="152,168,190,174,187,194,214,195,204,268,135,256" alt="Utah" title="Utah" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=62" shape="poly" coords="670,103,681,140,688,140,691,100" alt="Vermont" title="Vermont" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=63" shape="poly" coords="582,259,565,276,670,257,658,234,647,230,649,223,638,215,628,215,610,231,606,254" alt="Virginia" title="Virginia" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=64" shape="poly" coords="48,63,61,71,61,79,93,85,132,91,140,41,73,21,50,28" alt="Washington" title="Washington" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=65" shape="poly" coords="637,217,628,216,620,232,611,230,607,248,598,257,584,260,575,248,579,229,592,219,594,201,597,214,612,212,612,219,628,211,635,212" alt="West Virginia" title="West Virginia" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=66" shape="poly" coords="436,108,434,117,428,122,428,141,449,154,450,175,458,180,494,175,501,130,495,128,488,119,457,105,449,100" alt="Wisconsin" title="Wisconsin" />
<area href="http://www.clubsteelhorse.com/listings/index.php?action=displaycat&catid=67" shape="poly" coords="199,123,186,194,281,204,286,131" alt="Wyoming" title="Wyoming" />
</map>
Paul
developer

Usergroup: Administrator
Joined: Dec 20, 2001
Location: Diamond Springs, California

Total Topics: 61
Total Comments: 7868
Paul
Posted Apr 29, 2018 - 8:50 PM:

If you want it on a particular category's page, paste in Admin Panel -> Themes -> Manage Templates -> "Show listings in category" and put a conditional around it to make it only display in the appropriate category, like this:

<IF {CATID} is 1>
all the map html here
</IF>

Replace 1 with the applicable category # of your United States category. You can find the category number on the edit category page in the box header where it'll say "Edit Category #1".
risestar9999
Beginner

Usergroup: Member
Joined: Apr 29, 2018

Total Topics: 1
Total Comments: 2
Posted May 01, 2018 - 6:09 AM:

Thank you
Search thread for
Download thread as
  • 0/5
  • 1
  • 2
  • 3
  • 4
  • 5



Sorry, you don't have permission to post posts. Log in, or register if you haven't yet.