diff options
Diffstat (limited to 'views/mods/mod_smartcheckout/checkout.phtml')
| -rw-r--r-- | views/mods/mod_smartcheckout/checkout.phtml | 24 |
1 files changed, 13 insertions, 11 deletions
diff --git a/views/mods/mod_smartcheckout/checkout.phtml b/views/mods/mod_smartcheckout/checkout.phtml index 068d49b..6bae4ca 100644 --- a/views/mods/mod_smartcheckout/checkout.phtml +++ b/views/mods/mod_smartcheckout/checkout.phtml @@ -254,18 +254,19 @@ <div class="sc_choices" :class="{ 'sc_invalid': hasError('shipping') }"> - <label class="sc_choice" v-for="item in state.shipping.list" :key="item.id" :class="{ 'sc_choice_active': form.shipping === item.id }"> + <?php /* Das label umfasst nur die Kopfzeile, Hinweise der Module können eigene Eingabefelder enthalten */ ?> + <div class="sc_choice" v-for="item in state.shipping.list" :key="item.id" :class="{ 'sc_choice_active': form.shipping === item.id }" @click="selectChoice('shipping', item.id, $event)"> <?php /* Radio, Logo und Bezeichnung auf einer Zeile, die Beschreibung darunter */ ?> - <span class="sc_choice_head"> + <label class="sc_choice_head"> <input type="radio" name="wpsg[checkout][shipping]" :value="item.id" v-model="form.shipping" @change="refresh" /> <img class="sc_choice_logo" v-if="item.logo" :src="item.logo" :alt="item.name" /> <span class="sc_choice_name">{{ item.name }}</span> <span class="sc_choice_price" v-if="item.price">{{ item.price }}</span> - </span> - <span class="sc_choice_hint" v-if="item.hint" v-html="item.hint"></span> + </label> + <div class="sc_choice_hint" v-if="item.hint" v-html="item.hint"></div> - </label> + </div> </div> @@ -277,19 +278,20 @@ <div class="sc_choices" :class="{ 'sc_invalid': hasError('payment') }"> - <label class="sc_choice" v-for="item in state.payment.list" :key="item.id" :class="{ 'sc_choice_active': form.payment === item.id }"> + <?php /* Das label umfasst nur die Kopfzeile, Hinweise der Module können eigene Eingabefelder enthalten (z.B. Kreditkarte) */ ?> + <div class="sc_choice" v-for="item in state.payment.list" :key="item.id" :class="{ 'sc_choice_active': form.payment === item.id }" @click="selectChoice('payment', item.id, $event)"> <?php /* Radio, Logo und Bezeichnung auf einer Zeile, Beschreibung und Zusatzangaben darunter */ ?> - <span class="sc_choice_head"> + <label class="sc_choice_head"> <input type="radio" name="wpsg[checkout][payment]" :value="item.id" v-model="form.payment" @change="refresh" /> <img class="sc_choice_logo" v-if="item.logo" :src="item.logo" :alt="item.name" /> <span class="sc_choice_name">{{ item.name }}</span> <span class="sc_choice_price" v-if="item.price">{{ item.price }}</span> - </span> - <span class="sc_choice_hint" v-if="item.hint" v-html="item.hint"></span> - <span class="sc_choice_extra" v-if="item.extra" v-html="item.extra"></span> + </label> + <div class="sc_choice_hint" v-if="item.hint" v-html="item.hint"></div> + <div class="sc_choice_extra" v-if="item.extra" v-html="item.extra"></div> - </label> + </div> </div> |