How can I put the catalog widget on a non wws page?

These 2 lines should go in the header of page AFTER jquery (regardless of its version)

<script type="text/javascript" src="http://www.yoursite.com/sophio-shared-assets/data/aces-catalog-1-make-year.js"></script>

<script type="text/javascript" src="http://www.yoursite.com/sophio-shared-assets/data/aces-catalog-1-models.js"></script>


Bellow is the HTML markup what that is the scaffolding for the widget

<form method="get" id="frm-vehicle-locator-afmkt" class="vehicle-locator-afmkt-vertical" action="http://www.yoursite.com/catalog-1/vehicle" style="margin-top:10px;" >

<fieldset> 

<select name="make" id="afmkt-make" onChange="ymmselect.getYears(this);">

<option value="">-Choose Make-</option>

</select>

<select name="year" id="afmkt-year" disabled="disabled" onChange="ymmselect.getModels(this);">

<option value="">-Choose Year-</option>

</select>

<select name="model" id="afmkt-model" disabled="disabled" onChange="ymmselect.getParts(this);">

<option value="">-Choose Model-</option>

</select>

<button type="submit" id="afmkt-submit" class="btn btn-primary btn-large pull-right" disabled="disabled">Show Parts</button>

</fieldset>

</form>

The code bellow could go either in the page, but it should really go into a js file and be linked in the header ( if the code will be saved as .js file, then you don’t need the <script type="text/javascript"> </script> tags.)

<script type="text/javascript">

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('8 5=(f(){m="";x="";o="";t=""h{L:f(){$(\'#g-R\').y("");8 a=$(\'#g-R\');8 b=I;a.q(\'<6 7="">- w Y -</6>\');n(1c H===\'12\'){r(8 c Q k){a.q(\'<6 7="\'+k[c][0]+\'">\'+k[c][1]+"</6>")}}1f{r(8 c Q k){n(H.X(k[c][0])!=-1){a.q(\'<6 7="\'+k[c][0]+\'">\'+k[c][1]+"</6>")}}}a.s("9")},15:f(a){5.m=a.7;n(a.7===""){D.C("B A a E z!");h}$(\'#g-E\').y(\'<6 7="">- w 1j -</6>\').l("9","9");$(\'#g-p\').y(\'<6 7="">- w K -</6>\').l("9","9");$(\'#g-u\').l("9","9");8 b=$(\'#g-E\');8 c=k[5.m];8 d=c[2];8 e=d[0]*2;r(j=0;j<d.17;j+=2){e=e-d[j];r(i=0;i<=d[j+1];i++){b.q(\'<6 7="\'+(e-i)+\'">\'+(e-i)+"</6>")}e=e-d[j+1]}b.s("9").F()},S:f(a){5.o=a.7;n(a.7===""){D.C("B A a p z!");h}$(\'#g-p\').y(\'<6 7="">- w K -</6>\').l("9","9");$(\'#g-u\').l("9","9");8 b=$(\'#g-p\');8 c=T[5.m];8 d=c.U;8 e=V(5.o,10);$.W(c,f(i,v){n(v[2]<=e&&e<=v[3]&&(v[4]=="-1"||v[4].Z(e-v[2])=="1")){b.q(\'<6 7="\'+v[0]+\'">\'+v[1]+"</6>")}});b.s("9").F()},11:f(a){5.x=a.7;n(a.7===""){D.C("B A a p z!");h}8 e=M.13("14");5.t=$(\'#N-O-P-g\').l("18")+"/"+5.m+"/"+5.o+"/"+5.x;M(5).19(e);$(\'#g-u\').s("9").F()},1a:f(a){5.t=a},1b:f(){h G.m},1d:f(){h G.o},1e:f(){h G.x},J:f(){$(1g).l(\'1h\',5.t)}}})();$(1i).16(f(){5.L();$(\'#N-O-P-g\').u(f(){5.J();h I})});',62,82,'|||||ymmselect|option|value|var|disabled||||||function|afmkt|return|||afmktMakes|attr|cmake|if|cyear|model|append|for|removeAttr|curl|submit||Choose|cmodel|html|first|select|Please|alert|window|year|focus|this|afmktFilterMakes|false|submitform|Model|getMakes|jQuery|frm|vehicle|locator|in|make|getModels|afmktModels|lenght|parseInt|each|indexOf|Make|charAt||getParts|undefined|Event|vehiclelocated|getYears|ready|length|action|trigger|seturl|getselmake|typeof|getselyear|getselmodel|else|location|href|document|Year'.split('|'),0,{}))

</script>

Was this answer helpful? 0 Users Found This Useful (0 Votes)