| 4 |
lars |
1 |
<style>
|
|
|
2 |
/* billiger_gesehen */
|
|
|
3 |
section.billiger_gesehen {
|
|
|
4 |
padding:2%;
|
|
|
5 |
display:flex;
|
|
|
6 |
justify-content: center;
|
|
|
7 |
align-content: center;
|
|
|
8 |
max-width:calc(1206px - 4%);
|
|
|
9 |
margin:0 auto;
|
|
|
10 |
}
|
|
|
11 |
.grill_anim {
|
|
|
12 |
max-width:min-content;
|
|
|
13 |
margin:2%;
|
|
|
14 |
width:auto;
|
|
|
15 |
padding:2%;
|
|
|
16 |
}
|
|
|
17 |
.billiger_gesehen_headline {
|
|
|
18 |
max-width: 25%;
|
|
|
19 |
padding: 2%;
|
|
|
20 |
display:flex;
|
|
|
21 |
justify-content: center;
|
|
|
22 |
align-content: center;
|
|
|
23 |
flex-wrap: wrap;
|
|
|
24 |
text-align:center;
|
|
|
25 |
}
|
|
|
26 |
|
|
|
27 |
.billiger_gesehen_content input[type=text],
|
|
|
28 |
.billiger_gesehen_content textarea
|
|
|
29 |
{
|
|
|
30 |
padding:1%;
|
|
|
31 |
width:96%;
|
|
|
32 |
margin:1%;
|
|
|
33 |
}
|
|
|
34 |
.billiger_gesehen_content p {
|
|
|
35 |
padding: 0 1%;
|
|
|
36 |
}
|
|
|
37 |
.billiger_gesehen_content a:link,
|
|
|
38 |
.billiger_gesehen_content a:active,
|
|
|
39 |
.billiger_gesehen_content a:visited {
|
|
|
40 |
color:#fff;
|
|
|
41 |
text-decoration:underline;
|
|
|
42 |
}
|
|
|
43 |
.billiger_gesehen_content a:hover,
|
|
|
44 |
.billiger_gesehen_content a:focus {
|
|
|
45 |
color:rgb(240,240,240);
|
|
|
46 |
}
|
|
|
47 |
|
|
|
48 |
|
|
|
49 |
</style>
|
|
|
50 |
<script>
|
|
|
51 |
$(function()
|
|
|
52 |
{
|
|
|
53 |
$('input:submit, input:button, input:reset').button();
|
|
|
54 |
});
|
|
|
55 |
</script>
|
|
|
56 |
|
|
|
57 |
<section class="billiger_gesehen">
|
|
|
58 |
|
|
|
59 |
<div class="grill_anim">
|
|
|
60 |
<img src="/images/webelemente/loading.gif">
|
|
|
61 |
</div>
|
|
|
62 |
|
|
|
63 |
<div class="billiger_gesehen_headline">
|
|
|
64 |
<h2>
|
|
|
65 |
Sie haben Ihren Traumgrill woanders günstiger gesehen?
|
|
|
66 |
</h2>
|
|
|
67 |
</div>
|
|
|
68 |
<div class="billiger_gesehen_content">
|
|
|
69 |
<form action="" method="post" onsubmit="return billigerGesehenSubmit(this)">
|
|
|
70 |
<input type="hidden" name="billigerGesehen_shopPreis" value="{$item.preis}" onchange="this.value=billigerGesehenVerifyPreisInput(this.value)" onkeyup="this.value=billigerGesehenVerifyPreisInput(this.value)" />
|
|
|
71 |
<input type="hidden" name="item" value="{$item.ID}" />
|
|
|
72 |
<input type="hidden" name="billigerGesehen" value="true" />
|
|
|
73 |
|
|
|
74 |
<div class="billigerGesehen_form">
|
|
|
75 |
<p>
|
|
|
76 |
<strong>Sagen Sie uns Bescheid! Wir machen Ihnen ein Angebot!</strong>
|
|
|
77 |
</p>
|
|
|
78 |
<div class="billiger_gesehen_form_toggle">
|
|
|
79 |
<input type="text" name="billigerGesehen_kundeName" value="" placeholder="Ihr Name">
|
|
|
80 |
|
|
|
81 |
<input type="text" name="billigerGesehen_kundePLZ" value="" placeholder="Ihre PLZ">
|
|
|
82 |
|
|
|
83 |
<p>Wo und wann haben Sie diesen Artikel günstiger gesehen?<br />(Bitte geben Sie auch den Link zum Artikel an.)</p>
|
|
|
84 |
<textarea name="billigerGesehen_kundeNachricht" placeholder="Ihr Kommentar"></textarea>
|
|
|
85 |
|
|
|
86 |
<input type="text" name="billigerGesehen_kundeMail" value="" placeholder="Ihre E-Mailadresse">
|
|
|
87 |
|
|
|
88 |
<p>Welchen Preis haben Sie gesehen?</p>
|
|
|
89 |
<input type="text" name="billigerGesehen_kundePreis" value="" placeholder="Günstigerer Preis">
|
|
|
90 |
|
|
|
91 |
<p>Ich habe die <a href="/cms/datenschutz">Datenschutzbestimmungen</a> gelesen.
|
|
|
92 |
<br /><span style="font-size:0.8em;"> Felder, die mit einem * gekennzeichnet sind, sind Pflichtfelder.</span></p>
|
|
|
93 |
<input id="billigerGesehen_{$item.ID}_submitButton" class="button" type="submit" name="confirm" value="Preisanfrage abschicken" />
|
|
|
94 |
</div>
|
|
|
95 |
</div>
|
|
|
96 |
</form>
|
|
|
97 |
</div>
|
|
|
98 |
|
|
|
99 |
</section>
|