[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"\u002Fuitleg\u002Fin-verkoop\u002Fadverteren\u002Fpew-voor-de-website-bouwer\u002Fdetail":3},{"id":4,"title":5,"body":6,"description":19,"extension":1379,"meta":1380,"navigation":1381,"page_id":1382,"path":1383,"position":1384,"seo":1385,"sitemap":1386,"stem":1387,"tags":1388,"updated":1393,"__hash__":1394},"pages\u002Fuitleg\u002Fin-verkoop\u002Fadverteren\u002Fpew-voor-de-website-bouwer.md","PEW - voor de website bouwer",{"type":7,"value":8,"toc":1372},"minimark",[9,13,20,55,59,325,328,331,385,391,1009,1012,1015,1030,1033,1146,1152,1155,1174,1218,1221,1241,1244,1251,1325,1328,1331,1337,1356,1362,1368],[10,11,5],"h1",{"id":12},"pew-voor-de-website-bouwer",[14,15,16],"p",{},[17,18,19],"em",{},"Deze pagina is bestemd voor de website bouwer, om eventueel de pagina te stylen naar de huisstijl van de klant.",[21,22,23,31,37,43,49],"ul",{},[24,25,26],"li",{},[27,28,30],"a",{"href":29},"#code-voor-op-de-website","Code voor op de website",[24,32,33],{},[27,34,36],{"href":35},"#key-1-aanpasbare-slots-t-b-v-detailpagina","1. Aanpasbare slots t.b.v. detailpagina",[24,38,39],{},[27,40,42],{"href":41},"#key-2-aanpasbare-look-feel","2. Aanpasbare look & feel",[24,44,45],{},[27,46,48],{"href":47},"#key-3-instellingen-opstarten-pew-met-grid-of-lijst","3. Instellingen → Opstarten PEW met grid of lijst",[24,50,51],{},[27,52,54],{"href":53},"#key-4-instellingen-forceer-scroll-to-top","4. Instellingen → Forceer scroll-to-top",[56,57,30],"h2",{"id":58},"code-voor-op-de-website",[60,61,66],"pre",{"className":62,"code":63,"language":64,"meta":65,"style":65},"language-html shiki shiki-themes github-dark","\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n  \u003Chead>\n    \u003Ctitle>Autoflex PEW minimal\u003C\u002Ftitle>\n    \u003C!-- Embedded PEW CSS here # start -->\n    \u003Clink href=\"https:\u002F\u002Fpew-embed.autoflex.dev\u002Fcss\u002Fapp.css\" rel=\"stylesheet\" \u002F>\n    \u003C!-- Embedded PEW CSS here # end -->\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003C!-- Embedded PEW widget here # start -->\n    \u003Cpew-widget>\n      \u003Ch1>Bezig met laden...\u003C\u002Fh1>\n    \u003C\u002Fpew-widget>\n    \u003C!-- Embedded PEW widget here # end -->\n    \u003C!-- PEW override CSS here -->\n    \u003Clink href=\".\u002Ftheme-style.css\" rel=\"stylesheet\" \u002F>\n    \u003C!-- Embedded PEW script here # start -->\n    \u003Cscript src=\"https:\u002F\u002Fpew-embed.autoflex.dev\u002Fjs\u002Fapp.js\">\u003C\u002Fscript>\n    \u003C!-- Embedded PEW script here # end -->\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html","",[67,68,69,89,109,120,136,143,170,176,186,196,202,212,227,237,243,249,271,277,300,306,315],"code",{"__ignoreMap":65},[70,71,74,78,82,86],"span",{"class":72,"line":73},"line",1,[70,75,77],{"class":76},"s95oV","\u003C!",[70,79,81],{"class":80},"s4JwU","DOCTYPE",[70,83,85],{"class":84},"svObZ"," html",[70,87,88],{"class":76},">\n",[70,90,92,95,97,100,103,107],{"class":72,"line":91},2,[70,93,94],{"class":76},"\u003C",[70,96,64],{"class":80},[70,98,99],{"class":84}," lang",[70,101,102],{"class":76},"=",[70,104,106],{"class":105},"sU2Wk","\"en\"",[70,108,88],{"class":76},[70,110,112,115,118],{"class":72,"line":111},3,[70,113,114],{"class":76},"  \u003C",[70,116,117],{"class":80},"head",[70,119,88],{"class":76},[70,121,123,126,129,132,134],{"class":72,"line":122},4,[70,124,125],{"class":76},"    \u003C",[70,127,128],{"class":80},"title",[70,130,131],{"class":76},">Autoflex PEW minimal\u003C\u002F",[70,133,128],{"class":80},[70,135,88],{"class":76},[70,137,139],{"class":72,"line":138},5,[70,140,142],{"class":141},"sAwPA","    \u003C!-- Embedded PEW CSS here # start -->\n",[70,144,146,148,151,154,156,159,162,164,167],{"class":72,"line":145},6,[70,147,125],{"class":76},[70,149,150],{"class":80},"link",[70,152,153],{"class":84}," href",[70,155,102],{"class":76},[70,157,158],{"class":105},"\"https:\u002F\u002Fpew-embed.autoflex.dev\u002Fcss\u002Fapp.css\"",[70,160,161],{"class":84}," rel",[70,163,102],{"class":76},[70,165,166],{"class":105},"\"stylesheet\"",[70,168,169],{"class":76}," \u002F>\n",[70,171,173],{"class":72,"line":172},7,[70,174,175],{"class":141},"    \u003C!-- Embedded PEW CSS here # end -->\n",[70,177,179,182,184],{"class":72,"line":178},8,[70,180,181],{"class":76},"  \u003C\u002F",[70,183,117],{"class":80},[70,185,88],{"class":76},[70,187,189,191,194],{"class":72,"line":188},9,[70,190,114],{"class":76},[70,192,193],{"class":80},"body",[70,195,88],{"class":76},[70,197,199],{"class":72,"line":198},10,[70,200,201],{"class":141},"    \u003C!-- Embedded PEW widget here # start -->\n",[70,203,205,207,210],{"class":72,"line":204},11,[70,206,125],{"class":76},[70,208,209],{"class":80},"pew-widget",[70,211,88],{"class":76},[70,213,215,218,220,223,225],{"class":72,"line":214},12,[70,216,217],{"class":76},"      \u003C",[70,219,10],{"class":80},[70,221,222],{"class":76},">Bezig met laden...\u003C\u002F",[70,224,10],{"class":80},[70,226,88],{"class":76},[70,228,230,233,235],{"class":72,"line":229},13,[70,231,232],{"class":76},"    \u003C\u002F",[70,234,209],{"class":80},[70,236,88],{"class":76},[70,238,240],{"class":72,"line":239},14,[70,241,242],{"class":141},"    \u003C!-- Embedded PEW widget here # end -->\n",[70,244,246],{"class":72,"line":245},15,[70,247,248],{"class":141},"    \u003C!-- PEW override CSS here -->\n",[70,250,252,254,256,258,260,263,265,267,269],{"class":72,"line":251},16,[70,253,125],{"class":76},[70,255,150],{"class":80},[70,257,153],{"class":84},[70,259,102],{"class":76},[70,261,262],{"class":105},"\".\u002Ftheme-style.css\"",[70,264,161],{"class":84},[70,266,102],{"class":76},[70,268,166],{"class":105},[70,270,169],{"class":76},[70,272,274],{"class":72,"line":273},17,[70,275,276],{"class":141},"    \u003C!-- Embedded PEW script here # start -->\n",[70,278,280,282,285,288,290,293,296,298],{"class":72,"line":279},18,[70,281,125],{"class":76},[70,283,284],{"class":80},"script",[70,286,287],{"class":84}," src",[70,289,102],{"class":76},[70,291,292],{"class":105},"\"https:\u002F\u002Fpew-embed.autoflex.dev\u002Fjs\u002Fapp.js\"",[70,294,295],{"class":76},">\u003C\u002F",[70,297,284],{"class":80},[70,299,88],{"class":76},[70,301,303],{"class":72,"line":302},19,[70,304,305],{"class":141},"    \u003C!-- Embedded PEW script here # end -->\n",[70,307,309,311,313],{"class":72,"line":308},20,[70,310,181],{"class":76},[70,312,193],{"class":80},[70,314,88],{"class":76},[70,316,318,321,323],{"class":72,"line":317},21,[70,319,320],{"class":76},"\u003C\u002F",[70,322,64],{"class":80},[70,324,88],{"class":76},[56,326,36],{"id":327},"_1-aanpasbare-slots-tbv-detailpagina",[14,329,330],{},"In de detail pagina is het mogelijk 2 blokken tekst\u002Fcode aan te passen met eigen tekst\u002Fcode om beter aan te sluiten bij de eigen wensen en website.",[332,333,334,346],"table",{},[335,336,337],"thead",{},[338,339,340,344],"tr",{},[341,342],"th",{"align":343},"left",[341,345],{"align":343},[347,348,349],"tbody",{},[338,350,351,359],{},[352,353,354],"td",{"align":343},[355,356],"img",{"alt":65,"src":357,"width":358},"\u002Ffiles\u002Fbe03a244-caca-41ad-8d59-a1528b7f0a25.png",1252,[352,360,361,362,365,372,373,375,382,383],{"align":343},"Het gaat om de volgende blokken: ",[363,364],"br",{},[21,366,368],{"local-id":367},"6e84784c74cd",[24,369,371],{"local-id":370},"9c74f978468a","detail info"," onder de prijs het formulier kunnen aanpassen. ",[363,374],{},[21,376,378],{"local-id":377},"ce663b7cb09d",[24,379,381],{"local-id":380},"89d84c733eb9","detail contact"," het vraag meer informatieblok met de foto ",[363,384],{},[14,386,387,388],{},"Binnen de ",[209,389,390],{}," tag, na de ",[10,392,394,395,398,431,434,451,454,968],{"id":393},"tag-is-het-template-te-definierenalles-binnen-de-tagstemplate-slot-iddetailinfotemplateentemplate-slot-iddetailcontacttemplatewordt-doorgegeven-naar-de-detail-pagina-embedded-pew-widget-here-start-pew-widget-h1bezig-met-ladenh1-template-slot-iddetailinfo-div-classcard-content-strongaanvraag-formulierstrong-form-label-tabindex0-classb-checkbox-checkbox-input-tabindex-1-typecheckbox-true-valuetrue-valuefalse-span-classcheckspan-span-classcontrol-labelbel-mij-voor-een-afspraakspan-labelbr-label-tabindex0-classb-checkbox-checkbox-input-tabindex-1-typecheckbox-true-valuetrue-valuefalse-span-classcheckspan-span-classcontrol-labelik-wil-een-proefritspan-label-form-button-typebutton-classbutton-is-warning-is-medium-spanverstuur-formulierspanbutton-div-template-template-slot-iddetailcontact-div-classcard-header-p-classcard-header-title-is-size-4-slot-namedetailcontact-img-srcreceptionjpg-stylewidth-100-p-div-template-pew-widget-embedded-pew-widget-here-end-voor-aanpassingen-via-template-na-aanpassingen-via-template"," tag is het template te definieren.",[14,396,397],{},"Alles binnen de tags:",[60,399,401],{"className":62,"code":400,"language":64,"meta":65,"style":65},"\u003Ctemplate slot id=\"detailinfo\">\n\u003C\u002Ftemplate>\n",[67,402,403,423],{"__ignoreMap":65},[70,404,405,407,410,413,416,418,421],{"class":72,"line":73},[70,406,94],{"class":76},[70,408,409],{"class":80},"template",[70,411,412],{"class":84}," slot",[70,414,415],{"class":84}," id",[70,417,102],{"class":76},[70,419,420],{"class":105},"\"detailinfo\"",[70,422,88],{"class":76},[70,424,425,427,429],{"class":72,"line":91},[70,426,320],{"class":76},[70,428,409],{"class":80},[70,430,88],{"class":76},[14,432,433],{},"en",[60,435,439],{"className":436,"code":437,"language":438,"meta":65,"style":65},"language-sql shiki shiki-themes github-dark","\u003Ctemplate slot id=\"detailcontact\">\n\u003C\u002Ftemplate\n","sql",[67,440,441,446],{"__ignoreMap":65},[70,442,443],{"class":72,"line":73},[70,444,445],{},"\u003Ctemplate slot id=\"detailcontact\">\n",[70,447,448],{"class":72,"line":91},[70,449,450],{},"\u003C\u002Ftemplate\n",[14,452,453],{},"wordt doorgegeven naar de detail pagina",[60,455,457],{"className":62,"code":456,"language":64,"meta":65,"style":65},"\u003C!-- Embedded PEW widget here # start -->\n        \u003Cpew-widget>\n          \u003Ch1>Bezig met laden...\u003C\u002Fh1>\n          \u003Ctemplate slot id=\"detailinfo\">\n            \u003Cdiv class=\"card-content\">\n              \u003Cstrong>Aanvraag formulier\u003C\u002Fstrong>\n              \u003Cform>\n                \u003Clabel tabindex=\"0\" class=\"b-checkbox checkbox\">\n                  \u003Cinput tabindex=\"-1\" type=\"checkbox\" true-value=\"true\" value=\"false\">\n                  \u003Cspan class=\"check\">\u003C\u002Fspan>\n                  \u003Cspan class=\"control-label\">Bel mij voor een afspraak\u003C\u002Fspan>\n                \u003C\u002Flabel>\u003Cbr\u002F>\n                \u003Clabel tabindex=\"0\" class=\"b-checkbox checkbox\">\n                  \u003Cinput tabindex=\"-1\" type=\"checkbox\" true-value=\"true\" value=\"false\">\n                  \u003Cspan class=\"check\">\u003C\u002Fspan>\n                  \u003Cspan class=\"control-label\">Ik wil een proefrit\u003C\u002Fspan>\n                \u003C\u002Flabel>\n                \u003C\u002Fform>\n              \u003Cbutton type=\"button\" class=\"button is-warning is-medium\"\n                >\u003Cspan>Verstuur formulier\u003C\u002Fspan>\u003C\u002Fbutton\n              >\n            \u003C\u002Fdiv>\n          \u003C\u002Ftemplate>\n          \u003Ctemplate slot id=\"detailcontact\">\n            \u003Cdiv class=\"card-header\">\n              \u003Cp class=\"card-header-title is-size-4\">\n                  \u003Cslot name=\"detailcontact\">\n                    \u003Cimg src=\".\u002Freception.jpg\" style=\"width: 100%;\"\u002F>\n              \u003C\u002Fp>\n            \u003C\u002Fdiv>\n          \u003C\u002Ftemplate>\n        \u003C\u002Fpew-widget>\n        \u003C!-- Embedded PEW widget here # end -->\n",[67,458,459,464,473,486,502,520,535,544,569,610,629,649,664,684,716,734,753,761,769,790,807,812,822,832,850,866,882,899,924,934,943,952,962],{"__ignoreMap":65},[70,460,461],{"class":72,"line":73},[70,462,463],{"class":141},"\u003C!-- Embedded PEW widget here # start -->\n",[70,465,466,469,471],{"class":72,"line":91},[70,467,468],{"class":76},"        \u003C",[70,470,209],{"class":80},[70,472,88],{"class":76},[70,474,475,478,480,482,484],{"class":72,"line":111},[70,476,477],{"class":76},"          \u003C",[70,479,10],{"class":80},[70,481,222],{"class":76},[70,483,10],{"class":80},[70,485,88],{"class":76},[70,487,488,490,492,494,496,498,500],{"class":72,"line":122},[70,489,477],{"class":76},[70,491,409],{"class":80},[70,493,412],{"class":84},[70,495,415],{"class":84},[70,497,102],{"class":76},[70,499,420],{"class":105},[70,501,88],{"class":76},[70,503,504,507,510,513,515,518],{"class":72,"line":138},[70,505,506],{"class":76},"            \u003C",[70,508,509],{"class":80},"div",[70,511,512],{"class":84}," class",[70,514,102],{"class":76},[70,516,517],{"class":105},"\"card-content\"",[70,519,88],{"class":76},[70,521,522,525,528,531,533],{"class":72,"line":145},[70,523,524],{"class":76},"              \u003C",[70,526,527],{"class":80},"strong",[70,529,530],{"class":76},">Aanvraag formulier\u003C\u002F",[70,532,527],{"class":80},[70,534,88],{"class":76},[70,536,537,539,542],{"class":72,"line":172},[70,538,524],{"class":76},[70,540,541],{"class":80},"form",[70,543,88],{"class":76},[70,545,546,549,552,555,557,560,562,564,567],{"class":72,"line":178},[70,547,548],{"class":76},"                \u003C",[70,550,551],{"class":80},"label",[70,553,554],{"class":84}," tabindex",[70,556,102],{"class":76},[70,558,559],{"class":105},"\"0\"",[70,561,512],{"class":84},[70,563,102],{"class":76},[70,565,566],{"class":105},"\"b-checkbox checkbox\"",[70,568,88],{"class":76},[70,570,571,574,577,579,581,584,587,589,592,595,597,600,603,605,608],{"class":72,"line":188},[70,572,573],{"class":76},"                  \u003C",[70,575,576],{"class":80},"input",[70,578,554],{"class":84},[70,580,102],{"class":76},[70,582,583],{"class":105},"\"-1\"",[70,585,586],{"class":84}," type",[70,588,102],{"class":76},[70,590,591],{"class":105},"\"checkbox\"",[70,593,594],{"class":84}," true-value",[70,596,102],{"class":76},[70,598,599],{"class":105},"\"true\"",[70,601,602],{"class":84}," value",[70,604,102],{"class":76},[70,606,607],{"class":105},"\"false\"",[70,609,88],{"class":76},[70,611,612,614,616,618,620,623,625,627],{"class":72,"line":198},[70,613,573],{"class":76},[70,615,70],{"class":80},[70,617,512],{"class":84},[70,619,102],{"class":76},[70,621,622],{"class":105},"\"check\"",[70,624,295],{"class":76},[70,626,70],{"class":80},[70,628,88],{"class":76},[70,630,631,633,635,637,639,642,645,647],{"class":72,"line":204},[70,632,573],{"class":76},[70,634,70],{"class":80},[70,636,512],{"class":84},[70,638,102],{"class":76},[70,640,641],{"class":105},"\"control-label\"",[70,643,644],{"class":76},">Bel mij voor een afspraak\u003C\u002F",[70,646,70],{"class":80},[70,648,88],{"class":76},[70,650,651,654,656,659,661],{"class":72,"line":214},[70,652,653],{"class":76},"                \u003C\u002F",[70,655,551],{"class":80},[70,657,658],{"class":76},">\u003C",[70,660,363],{"class":80},[70,662,663],{"class":76},"\u002F>\n",[70,665,666,668,670,672,674,676,678,680,682],{"class":72,"line":229},[70,667,548],{"class":76},[70,669,551],{"class":80},[70,671,554],{"class":84},[70,673,102],{"class":76},[70,675,559],{"class":105},[70,677,512],{"class":84},[70,679,102],{"class":76},[70,681,566],{"class":105},[70,683,88],{"class":76},[70,685,686,688,690,692,694,696,698,700,702,704,706,708,710,712,714],{"class":72,"line":239},[70,687,573],{"class":76},[70,689,576],{"class":80},[70,691,554],{"class":84},[70,693,102],{"class":76},[70,695,583],{"class":105},[70,697,586],{"class":84},[70,699,102],{"class":76},[70,701,591],{"class":105},[70,703,594],{"class":84},[70,705,102],{"class":76},[70,707,599],{"class":105},[70,709,602],{"class":84},[70,711,102],{"class":76},[70,713,607],{"class":105},[70,715,88],{"class":76},[70,717,718,720,722,724,726,728,730,732],{"class":72,"line":245},[70,719,573],{"class":76},[70,721,70],{"class":80},[70,723,512],{"class":84},[70,725,102],{"class":76},[70,727,622],{"class":105},[70,729,295],{"class":76},[70,731,70],{"class":80},[70,733,88],{"class":76},[70,735,736,738,740,742,744,746,749,751],{"class":72,"line":251},[70,737,573],{"class":76},[70,739,70],{"class":80},[70,741,512],{"class":84},[70,743,102],{"class":76},[70,745,641],{"class":105},[70,747,748],{"class":76},">Ik wil een proefrit\u003C\u002F",[70,750,70],{"class":80},[70,752,88],{"class":76},[70,754,755,757,759],{"class":72,"line":273},[70,756,653],{"class":76},[70,758,551],{"class":80},[70,760,88],{"class":76},[70,762,763,765,767],{"class":72,"line":279},[70,764,653],{"class":76},[70,766,541],{"class":80},[70,768,88],{"class":76},[70,770,771,773,776,778,780,783,785,787],{"class":72,"line":302},[70,772,524],{"class":76},[70,774,775],{"class":80},"button",[70,777,586],{"class":84},[70,779,102],{"class":76},[70,781,782],{"class":105},"\"button\"",[70,784,512],{"class":84},[70,786,102],{"class":76},[70,788,789],{"class":105},"\"button is-warning is-medium\"\n",[70,791,792,795,797,800,802,804],{"class":72,"line":308},[70,793,794],{"class":76},"                >\u003C",[70,796,70],{"class":80},[70,798,799],{"class":76},">Verstuur formulier\u003C\u002F",[70,801,70],{"class":80},[70,803,295],{"class":76},[70,805,806],{"class":80},"button\n",[70,808,809],{"class":72,"line":317},[70,810,811],{"class":76},"              >\n",[70,813,815,818,820],{"class":72,"line":814},22,[70,816,817],{"class":76},"            \u003C\u002F",[70,819,509],{"class":80},[70,821,88],{"class":76},[70,823,825,828,830],{"class":72,"line":824},23,[70,826,827],{"class":76},"          \u003C\u002F",[70,829,409],{"class":80},[70,831,88],{"class":76},[70,833,835,837,839,841,843,845,848],{"class":72,"line":834},24,[70,836,477],{"class":76},[70,838,409],{"class":80},[70,840,412],{"class":84},[70,842,415],{"class":84},[70,844,102],{"class":76},[70,846,847],{"class":105},"\"detailcontact\"",[70,849,88],{"class":76},[70,851,853,855,857,859,861,864],{"class":72,"line":852},25,[70,854,506],{"class":76},[70,856,509],{"class":80},[70,858,512],{"class":84},[70,860,102],{"class":76},[70,862,863],{"class":105},"\"card-header\"",[70,865,88],{"class":76},[70,867,869,871,873,875,877,880],{"class":72,"line":868},26,[70,870,524],{"class":76},[70,872,14],{"class":80},[70,874,512],{"class":84},[70,876,102],{"class":76},[70,878,879],{"class":105},"\"card-header-title is-size-4\"",[70,881,88],{"class":76},[70,883,885,887,890,893,895,897],{"class":72,"line":884},27,[70,886,573],{"class":76},[70,888,889],{"class":80},"slot",[70,891,892],{"class":84}," name",[70,894,102],{"class":76},[70,896,847],{"class":105},[70,898,88],{"class":76},[70,900,902,905,907,909,911,914,917,919,922],{"class":72,"line":901},28,[70,903,904],{"class":76},"                    \u003C",[70,906,355],{"class":80},[70,908,287],{"class":84},[70,910,102],{"class":76},[70,912,913],{"class":105},"\".\u002Freception.jpg\"",[70,915,916],{"class":84}," style",[70,918,102],{"class":76},[70,920,921],{"class":105},"\"width: 100%;\"",[70,923,663],{"class":76},[70,925,927,930,932],{"class":72,"line":926},29,[70,928,929],{"class":76},"              \u003C\u002F",[70,931,14],{"class":80},[70,933,88],{"class":76},[70,935,937,939,941],{"class":72,"line":936},30,[70,938,817],{"class":76},[70,940,509],{"class":80},[70,942,88],{"class":76},[70,944,946,948,950],{"class":72,"line":945},31,[70,947,827],{"class":76},[70,949,409],{"class":80},[70,951,88],{"class":76},[70,953,955,958,960],{"class":72,"line":954},32,[70,956,957],{"class":76},"        \u003C\u002F",[70,959,209],{"class":80},[70,961,88],{"class":76},[70,963,965],{"class":72,"line":964},33,[70,966,967],{"class":141},"        \u003C!-- Embedded PEW widget here # end -->\n",[332,969,970,978],{},[335,971,972],{},[338,973,974,976],{},[341,975],{"align":343},[341,977],{"align":343},[347,979,980],{},[338,981,982,998],{},[352,983,984,985,987,989,993,995,996],{"align":343},"Voor aanpassingen via template ",[363,986],{},[363,988],{},[355,990],{"alt":65,"src":991,"width":992},"\u002Ffiles\u002F096c5a9a-ca29-4fc7-8742-c39e1b53bd6d.png",411,[363,994],{},"  ",[363,997],{},[352,999,1000,1001,1003,1005],{"align":343},"Na aanpassingen via template ",[363,1002],{},[363,1004],{},[355,1006],{"alt":65,"src":1007,"width":1008},"\u002Ffiles\u002Fc5beb571-803c-4db4-a6f8-e11b61b89766.png",415,[56,1010,42],{"id":1011},"_2-aanpasbare-look-feel",[14,1013,1014],{},"Styling van PEW pagina’s kan doormiddel van eigen css toe te voegen aan het einde van de embed code.",[60,1016,1018],{"className":436,"code":1017,"language":438,"meta":65,"style":65},"\u003C!-- PEW override CSS here-->\n\u003Clink href=\".\u002Ftheme-style.css\" rel=\"stylesheet\" \u002F>\n",[67,1019,1020,1025],{"__ignoreMap":65},[70,1021,1022],{"class":72,"line":73},[70,1023,1024],{},"\u003C!-- PEW override CSS here-->\n",[70,1026,1027],{"class":72,"line":91},[70,1028,1029],{},"\u003Clink href=\".\u002Ftheme-style.css\" rel=\"stylesheet\" \u002F>\n",[14,1031,1032],{},"Voorbeeld van CSS",[60,1034,1036],{"className":436,"code":1035,"language":438,"meta":65,"style":65},":root {\n  --app-font-family: sans-serif;\n  --app-font-color: rgb(65, 65, 65);\n  --app-line-height: 2;\n  --app-font-size: 1rem;\n  --primary-background-color: #1976d2;\n  --primary-color: #ffffff;\n  --warning-background-color: #red;\n  --warning-color: #ffffff;\n  --even: #f7f7f7;\n  --odd: #ffffff;\n  --header-font-size: 1.2 rem;\n  --title-font-size: 1rem;\n}\n#app {\n  color: var(--app-font-color);\n  font-family: var(--app-font-family);\n  font-size: var(--app-font-size);\n  line-height: var(--app-line-height);\n}\n...........\n...........\n",[67,1037,1038,1043,1048,1053,1058,1063,1068,1073,1078,1083,1088,1093,1098,1103,1108,1113,1118,1123,1128,1133,1137,1142],{"__ignoreMap":65},[70,1039,1040],{"class":72,"line":73},[70,1041,1042],{},":root {\n",[70,1044,1045],{"class":72,"line":91},[70,1046,1047],{},"  --app-font-family: sans-serif;\n",[70,1049,1050],{"class":72,"line":111},[70,1051,1052],{},"  --app-font-color: rgb(65, 65, 65);\n",[70,1054,1055],{"class":72,"line":122},[70,1056,1057],{},"  --app-line-height: 2;\n",[70,1059,1060],{"class":72,"line":138},[70,1061,1062],{},"  --app-font-size: 1rem;\n",[70,1064,1065],{"class":72,"line":145},[70,1066,1067],{},"  --primary-background-color: #1976d2;\n",[70,1069,1070],{"class":72,"line":172},[70,1071,1072],{},"  --primary-color: #ffffff;\n",[70,1074,1075],{"class":72,"line":178},[70,1076,1077],{},"  --warning-background-color: #red;\n",[70,1079,1080],{"class":72,"line":188},[70,1081,1082],{},"  --warning-color: #ffffff;\n",[70,1084,1085],{"class":72,"line":198},[70,1086,1087],{},"  --even: #f7f7f7;\n",[70,1089,1090],{"class":72,"line":204},[70,1091,1092],{},"  --odd: #ffffff;\n",[70,1094,1095],{"class":72,"line":214},[70,1096,1097],{},"  --header-font-size: 1.2 rem;\n",[70,1099,1100],{"class":72,"line":229},[70,1101,1102],{},"  --title-font-size: 1rem;\n",[70,1104,1105],{"class":72,"line":239},[70,1106,1107],{},"}\n",[70,1109,1110],{"class":72,"line":245},[70,1111,1112],{},"#app {\n",[70,1114,1115],{"class":72,"line":251},[70,1116,1117],{},"  color: var(--app-font-color);\n",[70,1119,1120],{"class":72,"line":273},[70,1121,1122],{},"  font-family: var(--app-font-family);\n",[70,1124,1125],{"class":72,"line":279},[70,1126,1127],{},"  font-size: var(--app-font-size);\n",[70,1129,1130],{"class":72,"line":302},[70,1131,1132],{},"  line-height: var(--app-line-height);\n",[70,1134,1135],{"class":72,"line":308},[70,1136,1107],{},[70,1138,1139],{"class":72,"line":317},[70,1140,1141],{},"...........\n",[70,1143,1144],{"class":72,"line":814},[70,1145,1141],{},[14,1147,1148,1149,512],{},"de kleuren en lettertypes zijn gedefinieerd in de ",[1150,1151],"root",{},[14,1153,1154],{},"Twee voorbeelden van CSS",[21,1156,1157,1166],{},[24,1158,1159,1160],{},"Standaard theme: ",[27,1161,1165],{"href":1162,"rel":1163},"https:\u002F\u002Fwww.autoflex.nl\u002Fmedia\u002Fpew\u002Ftheme-style.css",[1164],"nofollow","Theme CSS",[24,1167,1168,1169],{},"Rood theme: ",[27,1170,1173],{"href":1171,"rel":1172},"https:\u002F\u002Fwww.autoflex.nl\u002Fmedia\u002Fpew\u002Ftheme-style-red.css",[1164],"Theme red",[332,1175,1176,1184],{},[335,1177,1178],{},[338,1179,1180,1182],{},[341,1181],{"align":343},[341,1183],{"align":343},[347,1185,1186],{},[338,1187,1188,1203],{},[352,1189,1190,1191,1193,1195,1199,995,1201],{"align":343},"Standaard styling ",[363,1192],{},[363,1194],{},[355,1196],{"alt":65,"src":1197,"width":1198},"\u002Ffiles\u002F30f469a9-f659-4eaf-9ee4-0bb9e020268f.png",664,[363,1200],{},[363,1202],{},[352,1204,1205,1206,1208,1210,1214,995,1216],{"align":343},"Aangepaste styling ",[363,1207],{},[363,1209],{},[355,1211],{"alt":65,"src":1212,"width":1213},"\u002Ffiles\u002F5c4a740b-8529-4bdc-898f-aa66b4d751d9.png",665,[363,1215],{},[363,1217],{},[14,1219,1220],{},"Speciale classes om onderdelen te verbergen",[60,1222,1224],{"className":436,"code":1223,"language":438,"meta":65,"style":65},"#app .homenav\n#app .detailinfo\n#app .detailcontact\n",[67,1225,1226,1231,1236],{"__ignoreMap":65},[70,1227,1228],{"class":72,"line":73},[70,1229,1230],{},"#app .homenav\n",[70,1232,1233],{"class":72,"line":91},[70,1234,1235],{},"#app .detailinfo\n",[70,1237,1238],{"class":72,"line":111},[70,1239,1240],{},"#app .detailcontact\n",[56,1242,48],{"id":1243},"_3-instellingen-opstarten-pew-met-grid-of-lijst",[14,1245,1246,1247,1250],{},"Door het doorgeven van een PEW-widget ",[527,1248,1249],{},"settings"," parameter bij het opstarten van de widget kan worden aangegeven of standaard de lijst of het grid getoond wordt.",[332,1252,1253,1261],{},[335,1254,1255],{},[338,1256,1257,1259],{},[341,1258],{"align":343},[341,1260],{"align":343},[347,1262,1263,1289,1297],{},[338,1264,1265,1270],{},[352,1266,1267],{"align":343},[67,1268,1269],{},"sql\u003Cbr\u002F>\u003Cpew-widget\u003Cbr\u002F>    settings='{\"showList\": false}'\u003Cbr\u002F>>\u003Cbr\u002F>",[352,1271,1272,1275,1276,1278,1279,1275,1281,1275,1284,1286,1287],{"align":343},[527,1273,1274],{},"showlist = false"," ",[363,1277],{}," toont het grid ",[363,1280],{},[527,1282,1283],{},"default\u002Fomitted = true",[363,1285],{}," toont de lijst ",[363,1288],{},[338,1290,1291,1294],{},[352,1292,1293],{"align":343},":------------------------------------------------------------------------------------------------",[352,1295,1296],{"align":343},":-----------------------------------------------------------------------------------------------------------",[338,1298,1299,1310],{},[352,1300,1301,1302,1304,1306],{"align":343},"opstarten met lijst ",[363,1303],{},[363,1305],{},[355,1307],{"alt":65,"src":1308,"width":1309},"\u002Ffiles\u002F2eda495f-a4c2-4af4-a89c-ca9b2693ec82.png",785,[352,1311,1312,1313,1315,1317,1321,995,1323],{"align":343},"opstarten met grid ",[363,1314],{},[363,1316],{},[355,1318],{"alt":65,"src":1319,"width":1320},"\u002Ffiles\u002F838c8bdf-c65d-4ac3-a401-05c36fff7567.png",769,[363,1322],{},[363,1324],{},[56,1326,54],{"id":1327},"_4-instellingen-forceer-scroll-to-top",[14,1329,1330],{},"Het kan voorkomen bij het implementeren van PEW widget in een content management systeem zoals Wordpress dat het scrollen naar de bovenkant van de pagina wordt tegengehouden door het CMS. Als de (internet gebruiker) ergens klikt in de site, wordt de inhoud op de plaats zelf vervangen en is het daarom niet gewenst om naar boven te scrollen, maar op die plek te blijven.",[14,1332,1333,1334,1336],{},"Bij een lange lijst van auto’s in PEW is het wel wenselijk dat er naar de bovenkant van de detail pagina gescrolld word, zoals ook in de demo-pagina’s te zien is. Om dit in CMS systemen zoals Wordpress te bekrachtigen is het mogelijk onderstaande instelling toe te voegen aan PEW-widget ",[527,1335,1249],{}," parameter.",[60,1338,1340],{"className":436,"code":1339,"language":438,"meta":65,"style":65},"\u003Cpew-widget\n  settings='{\"forceScrollTop\":{\"enforce\": true, \"amount\": 100}}'\n>\n",[67,1341,1342,1347,1352],{"__ignoreMap":65},[70,1343,1344],{"class":72,"line":73},[70,1345,1346],{},"\u003Cpew-widget\n",[70,1348,1349],{"class":72,"line":91},[70,1350,1351],{},"  settings='{\"forceScrollTop\":{\"enforce\": true, \"amount\": 100}}'\n",[70,1353,1354],{"class":72,"line":111},[70,1355,88],{},[14,1357,1358,1361],{},[527,1359,1360],{},"enforce"," = true → betekent dat het scrollen wordt geïnitieerd",[14,1363,1364,1367],{},[527,1365,1366],{},"amount"," = 100 → getal in pixels geeft de offset aan in de browser tov. de bovenkant van de widget. Dit is vooral handig bij menubalken die in beeld blijven staan.",[1369,1370,1371],"style",{},"html pre.shiki code .s95oV, html code.shiki .s95oV{--shiki-default:#E1E4E8}html pre.shiki code .s4JwU, html code.shiki .s4JwU{--shiki-default:#85E89D}html pre.shiki code .svObZ, html code.shiki .svObZ{--shiki-default:#B392F0}html pre.shiki code .sU2Wk, html code.shiki .sU2Wk{--shiki-default:#9ECBFF}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":65,"searchDepth":91,"depth":138,"links":1373},[1374,1375,1376,1377,1378],{"id":58,"depth":91,"text":30},{"id":327,"depth":91,"text":36},{"id":1011,"depth":91,"text":42},{"id":1243,"depth":91,"text":48},{"id":1327,"depth":91,"text":54},"md",{},true,4132261049,"\u002Fuitleg\u002Fin-verkoop\u002Fadverteren\u002Fpew-voor-de-website-bouwer",294656105,{"title":5,"description":19},{"loc":1383},"uitleg\u002Fin-verkoop\u002Fadverteren\u002Fpew-voor-de-website-bouwer",[1389,1390,1391,1392],"#pew","#in-verkoop","#verkoper","#adverteren","2026-08-12T12:25:54.935Z","ohulD7iYztstR4ghTULJaGRjnOiNCUVEW89rn-TToAc"]