www.europroshop.eu
Open in
urlscan Pro
31.193.182.129
Public Scan
Submitted URL: https://www.europroshop.eu/payment
Effective URL: https://www.europroshop.eu/onestepcheckout.html/
Submission: On September 28 via manual from SE — Scanned from SE
Effective URL: https://www.europroshop.eu/onestepcheckout.html/
Submission: On September 28 via manual from SE — Scanned from SE
Form analysis 7 forms found in the DOM
POST
<form data-role="login" data-bind="submit:login" method="post">
<div class="fieldset" data-bind="attr: {'data-hasrequired': $t('* Required Fields')}" data-hasrequired="* Obligatoriska fält">
<div class="field field-email required">
<label class="label" for="login-email"><span data-bind="i18n: 'Email Address'">E-post</span></label>
<div class="control">
<input type="email" class="input-text" id="login-email" name="username" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true, 'validate-email':true}" autocomplete="off">
</div>
</div>
<div class="field field-password required">
<label for="login-password" class="label"><span data-bind="i18n: 'Password'">Lösenord</span></label>
<div class="control">
<input type="password" class="input-text" id="login-password" name="password" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true}" autocomplete="off">
</div>
</div>
<!-- ko foreach: getRegion('additional-login-form-fields') -->
<!-- ko template: getTemplate() -->
<input name="captcha_form_id" type="hidden" data-bind="value: formId, attr: {'data-scope': dataScope}" value="user_login" data-scope="">
<!-- ko if: (isRequired() && getIsVisible())--><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
<div class="actions-toolbar">
<input name="context" type="hidden" value="checkout">
<div class="primary">
<button type="submit" class="action action-login secondary"><span data-bind="i18n: 'Sign In'">Logga in</span></button>
</div>
<div class="secondary">
<a class="action action-remind" data-bind="attr: { href: forgotPasswordUrl }" href="https://www.europroshop.eu/customer/account/forgotpassword/">
<span data-bind="i18n: 'Forgot Your Password?'">Glömt ditt lösenord?</span>
</a>
</div>
</div>
</form>POST
<form class="form form-login" data-role="email-with-possible-login" data-bind="submit:login" method="post" style="display: block;">
<fieldset id="customer-email-fieldset" class="fieldset" data-bind="blockLoader: isLoading">
<div class="field required">
<label class="label" for="customer-email">
<span data-bind="i18n: 'Email Address'">E-post</span>
</label>
<div class="control _with-tooltip">
<!-- ko if: window.checkoutConfig.rewrite_email_element -->
<input class="input-text" type="email" data-bind="
textInput: email,
hasFocus: emailFocused,
mageInit: {'mage/trim-input':{}}" name="username" data-validate="{required:true, 'validate-email':true}" id="customer-email">
<!-- /ko -->
<!-- ko ifnot: window.checkoutConfig.rewrite_email_element --><!-- /ko -->
<!-- ko template: 'ui/form/element/helper/tooltip' -->
<div class="field-tooltip toggle">
<!-- ko if: (tooltip.link)--><!-- /ko -->
<span id="tooltip-label" class="label"><!-- ko i18n: 'Tooltip' --><span>Tooltip</span><!-- /ko --></span>
<!-- ko if: (!tooltip.link)-->
<span id="tooltip" class="field-tooltip-action action-help" tabindex="0" data-toggle="dropdown" data-bind="mageInit: {'dropdown':{'activeClass': '_active', 'parent': '.field-tooltip.toggle'}}" aria-labelledby="tooltip-label"
aria-haspopup="true" aria-expanded="false" role="button">
</span>
<!-- /ko -->
<div class="field-tooltip-content" data-target="dropdown" data-bind="i18n: tooltip.description" aria-hidden="true">Hit skickar vi din orderbekräftelse.</div>
</div>
<!-- /ko -->
<span class="note" data-bind="fadeVisible: isPasswordVisible() == false" style="display: inline;"><!-- ko i18n: 'You can create an account after checkout.'--><span>Du kan skapa ett konto efter avslutat köp.</span><!-- /ko --></span>
</div>
</div>
<!--Hidden fields -->
<!-- <fieldset class="fieldset hidden-fields login-account" data-bind="fadeVisible: isPasswordVisible">
<div class="field" style="display: none;">
<label class="label" for="customer-password">
<span data-bind="i18n: 'Password'"></span>
</label>
<div class="control" style="display: none;">
<input class="input-text"
data-bind="
attr: {
placeholder: $t('Password'),
}"
type="password"
name="password"
id="customer-password"
data-validate="{required:true}" autocomplete="off"/>
<span class="note" data-bind="i18n: 'You already have an account with us. Sign in or continue as guest.'"></span>
</div>
</div> -->
<!-- ko foreach: getRegion('additional-login-form-fields') -->
<!-- ko template: getTemplate() -->
<!-- ko foreach: {data: elems, as: 'element'} -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<input name="captcha_form_id" type="hidden" data-bind="value: formId, attr: {'data-scope': dataScope}" value="user_login" data-scope="">
<!-- ko if: (isRequired() && getIsVisible())--><!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- <div class="actions-toolbar" style="display: none;">
<input name="context" type="hidden" value="checkout" />
<div class="primary">
<button type="submit" class="action login primary" data-action="checkout-method-login"><span data-bind="i18n: 'Login'"></span></button>
</div>
<div class="secondary">
<a class="action remind" data-bind="attr: { href: forgotPasswordUrl }">
<span data-bind="i18n: 'Forgot Your Password?'"></span>
</a>
</div>
</div>
</fieldset> -->
<!--Hidden fields -->
<!-- ko if: createNewAccountConfig() -->
<!-- <fieldset class="fieldset hidden-fields create-account" data-bind="fadeVisible: isPasswordVisible() == false">
<div class="field" style="display: none;">
<input class="checkbox"
data-bind="click: createNewAccountChecked($element.id)"
type="checkbox"
name="createnewcustomer"
id="create-new-customer"
autocomplete="off"
checked="checked"
style="display: none;" />
<label class="label">
<span data-bind="i18n: 'Create New Account'"></span>
</label>
</div>
<div class="field _required pass" data-bind="fadeVisible: createNewAccount()">
<label class="label" for="new-customer-password" style="display: none;">
<span data-bind="i18n: 'Password'"></span>
</label>
<div class="control" style="display: none;">
<input class="input-text"
data-bind="
attr: {
placeholder: $t('Password'),
'data-password-min-length': minLength(),
'data-password-min-character-sets': minCharacterSets(),
'value': genPassword()
}"
type="password"
name="newcustomerpassword"
id="new-customer-password"
data-validate="{required: true, 'validate-customer-password':true}" autocomplete="off"/>
</div>
</div>
<div class="field _required confirm-pass" data-bind="fadeVisible: createNewAccount()">
<label class="label" for="new-customer-password-confirmation" style="display: none;">
<span data-bind="i18n: 'Confirm Password'"></span>
</label>
<div class="control" style="display: none;">
<input class="input-text"
data-bind="
attr: {
placeholder: $t('Confirm Password'),
}"
type="password"
name="newcustomerpassword_confirmation"
id="new-customer-password-confirmation"
data-validate="{required: true, equalTo:'#new-customer-password'}" autocomplete="off"/>
</div>
</div>
</fieldset> -->
<!-- /ko -->
<!-- <fieldset class="fieldset">
<div class="actions-toolbar">
<div class="primary">
<button type="button" class="action create-account primary" data-bind="
attr: {
id: 'checkout-method-create-account'
}
"><span data-bind="i18n: 'Continue'"></span></button>
</div>
</div>
</fieldset> -->
</fieldset>
</form><form class="form form-shipping-address" id="co-shipping-form" data-bind="afterRender: autoFillAddress, attr: {'data-hasrequired': $t('* Required Fields')}" data-hasrequired="* Obligatoriska fält" style="display: block;">
<!-- ko foreach: getRegion('before-fields') -->
<!-- ko template: getTemplate() -->
<!-- ko foreach: {data: elems, as: 'element'} --><!-- /ko -->
<!-- /ko -->
<!--/ko-->
<div id="shipping-new-address-form" class="fieldset address">
<!-- ko foreach: getRegion('additional-fieldsets') -->
<!-- ko template: getTemplate() -->
<!-- ko foreach: {data: elems, as: 'element'} -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.firstname">
<label class="label" data-bind="attr: { for: element.uid }" for="NVXJF6X"><!-- ko if: element.label --><span data-bind="i18n: element.label">Förnamn</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="firstname" aria-required="true" aria-invalid="false" id="NVXJF6X">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.lastname">
<label class="label" data-bind="attr: { for: element.uid }" for="W97RDAF"><!-- ko if: element.label --><span data-bind="i18n: element.label">Efternamn</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="lastname" aria-required="true" aria-invalid="false" id="W97RDAF">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<fieldset class="field street admin__control-fields required" data-bind="css: additionalClasses">
<legend class="label">
<span data-bind="i18n: element.label">Gata och husnummer</span>
</legend>
<div class="control">
<!-- ko foreach: { data: elems, as: 'element' } -->
<!-- ko if: element.visible() -->
<!-- ko ifnot: (element.input_type == 'checkbox' || element.input_type == 'radio') -->
<!-- ko template: $parent.fieldTemplate -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.street.0">
<label class="label" data-bind="attr: { for: element.uid }" for="E2S5JY7"><!-- ko if: element.label --><span data-bind="i18n: element.label">Gata och husnummer: Line 1</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="street[0]" aria-required="true" aria-invalid="false" id="E2S5JY7">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: (element.input_type == 'checkbox' || element.input_type == 'radio') --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: validateWholeGroup --><!-- /ko -->
</div>
</fieldset>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.region_id" style="display: none;">
<label class="label" data-bind="attr: { for: element.uid }" for="GV9MO84"><!-- ko if: element.label --><span data-bind="i18n: element.label">Län</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<select class="select" data-bind="
attr: {
name: inputName,
id: uid,
disabled: disabled,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
placeholder: placeholder
},
hasFocus: focused,
optgroup: options,
value: value,
optionsCaption: caption,
optionsValue: 'value',
optionsText: 'label',
optionsAfterRender: function(option, item) {
if (item && item.disabled) {
ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
}
}" name="region_id" id="GV9MO84" aria-invalid="false">
<option value="">Ange region eller område.</option>
<option data-title="Blekinge län" value="1036">Blekinge län</option>
<option data-title="Dalarnas län" value="1037">Dalarnas län</option>
<option data-title="Gävleborgs län" value="1039">Gävleborgs län</option>
<option data-title="Gotlands län" value="1038">Gotlands län</option>
<option data-title="Hallands län" value="1040">Hallands län</option>
<option data-title="Jämtlands län" value="1041">Jämtlands län</option>
<option data-title="Jönköpings län" value="1042">Jönköpings län</option>
<option data-title="Kalmar län" value="1043">Kalmar län</option>
<option data-title="Kronobergs län" value="1044">Kronobergs län</option>
<option data-title="Norrbottens län" value="1045">Norrbottens län</option>
<option data-title="Örebro län" value="1055">Örebro län</option>
<option data-title="Östergötlands län" value="1056">Östergötlands län</option>
<option data-title="Skåne län" value="1046">Skåne län</option>
<option data-title="Södermanlands län" value="1048">Södermanlands län</option>
<option data-title="Stockholms län" value="1047">Stockholms län</option>
<option data-title="Uppsala län" value="1049">Uppsala län</option>
<option data-title="Värmlands län" value="1050">Värmlands län</option>
<option data-title="Västerbottens län" value="1051">Västerbottens län</option>
<option data-title="Västernorrlands län" value="1052">Västernorrlands län</option>
<option data-title="Västmanlands län" value="1053">Västmanlands län</option>
<option data-title="Västra Götalands län" value="1054">Västra Götalands län</option>
</select>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.region" style="display: none;">
<label class="label" data-bind="attr: { for: element.uid }" for="GSC4KWG"><!-- ko if: element.label --><span data-bind="i18n: element.label">Län</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="region" aria-invalid="false" id="GSC4KWG">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.postcode">
<label class="label" data-bind="attr: { for: element.uid }" for="JE2YAP2"><!-- ko if: element.label --><span data-bind="i18n: element.label">Postnr. (5 siffror utan mellanslag)</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="postcode" aria-required="true" aria-invalid="false" id="JE2YAP2">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.city">
<label class="label" data-bind="attr: { for: element.uid }" for="GYRGHAP"><!-- ko if: element.label --><span data-bind="i18n: element.label">Ort</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="city" aria-required="true" aria-invalid="false" id="GYRGHAP">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.telephone">
<label class="label" data-bind="attr: { for: element.uid }" for="EJM12B2"><!-- ko if: element.label --><span data-bind="i18n: element.label">Telefon</span><!-- /ko --></label>
<div class="control _with-tooltip" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="telephone" aria-required="true" aria-invalid="false" id="EJM12B2">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip -->
<!-- ko template: element.tooltipTpl -->
<div class="field-tooltip toggle">
<!-- ko if: (tooltip.link)--><!-- /ko -->
<span id="tooltip-label" class="label"><!-- ko i18n: 'Tooltip' --><span>Tooltip</span><!-- /ko --></span>
<!-- ko if: (!tooltip.link)-->
<span id="tooltip" class="field-tooltip-action action-help" tabindex="0" data-toggle="dropdown" data-bind="mageInit: {'dropdown':{'activeClass': '_active', 'parent': '.field-tooltip.toggle'}}" aria-labelledby="tooltip-label"
aria-haspopup="true" aria-expanded="false" role="button">
</span>
<!-- /ko -->
<div class="field-tooltip-content" data-target="dropdown" data-bind="i18n: tooltip.description" aria-hidden="true">För leveransfrågor.</div>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div data-bind="afterRender: manipulateInlineForm"></div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="shippingAddress.country_id">
<label class="label" data-bind="attr: { for: element.uid }" for="ODQIO7A"><!-- ko if: element.label --><span data-bind="i18n: element.label">Land</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<select class="select" data-bind="
attr: {
name: inputName,
id: uid,
disabled: disabled,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
placeholder: placeholder
},
hasFocus: focused,
optgroup: options,
value: value,
optionsCaption: caption,
optionsValue: 'value',
optionsText: 'label',
optionsAfterRender: function(option, item) {
if (item && item.disabled) {
ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
}
}" name="country_id" id="ODQIO7A" aria-required="true" aria-invalid="false">
<option data-title="Sverige" value="SE">Sverige</option>
</select>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!--/ko-->
<!-- ko if: (isCustomerLoggedIn) --><!-- /ko -->
</div>
</form><form id="co-shipping-method-form" class="form methods-shipping" novalidate="novalidate" data-bind="submit: setShippingInformation">
<!-- ko template: shippingMethodListTemplate -->
<div id="checkout-shipping-method-load">
<table class="table-checkout-shipping-method">
<thead>
<tr class="row">
<th class="col col-method" data-bind="i18n: 'Select Method'">Select Method</th>
<th class="col col-price" data-bind="i18n: 'Price'">Pris</th>
<th class="col col-method" data-bind="i18n: 'Method Title'">Method Title</th>
<th class="col col-carrier" data-bind="i18n: 'Carrier Title'">Carrier Title</th>
</tr>
</thead>
<tbody>
<!-- ko foreach: { data: rates(), as: 'method'} -->
<!--ko template: { name: element.shippingMethodItemTemplate} -->
<tr class="row" data-bind="click: element.selectShippingMethod">
<td class="col col-method">
<!-- ko ifnot: method.error_message --><input type="radio" class="radio" data-bind="attr: {'aria-labelledby': 'label_method_' + method.method_code + '_' + method.carrier_code + ' ' + 'label_carrier_' + method.method_code + '_' + method.carrier_code,
'checked': element.rates().length == 1 || element.isSelected}, value: method.carrier_code + '_' + method.method_code, checked: element.isSelected"
aria-labelledby="label_method_freeshipping_freeshipping label_carrier_freeshipping_freeshipping" checked="true" value="freeshipping_freeshipping" name="ko_unique_1"><!-- /ko -->
</td>
<!-- ko ifnot: (method.error_message) -->
<td class="col col-price">
<!-- ko foreach: element.getRegion('price') --><!-- ko template: getTemplate() -->
<!-- ko if: isDisplayShippingPriceExclTax -->
<span class="price"><span class="price" data-bind="text: getFormattedPrice(method.price_excl_tax)">0,00 kr</span></span>
<!-- /ko -->
<!-- ko ifnot: isDisplayShippingPriceExclTax --><!-- /ko -->
<!-- ko if: (isDisplayShippingBothPrices && (method.price_excl_tax != method.price_incl_tax))--><!-- /ko -->
<!-- /ko --><!-- /ko -->
</td>
<!-- /ko -->
<td class="col col-method" data-bind="attr: {'id': 'label_method_' + method.method_code + '_' + method.carrier_code}, text: method.method_title" id="label_method_freeshipping_freeshipping"> </td>
<td class="col col-carrier" data-bind="attr: {'id': 'label_carrier_' + method.method_code + '_' + method.carrier_code}, text: method.carrier_title" id="label_carrier_freeshipping_freeshipping">Levering</td>
</tr>
<!-- ko if: method.error_message --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</tbody>
</table>
</div>
<!-- /ko -->
<div id="onepage-checkout-shipping-method-additional-load">
<!-- ko foreach: getRegion('shippingAdditional') --><!-- /ko -->
</div>
<!-- ko if: errorValidationMessage().length --><!-- /ko -->
<div class="actions-toolbar" id="shipping-method-buttons-container">
<div class="primary">
<button data-role="opc-continue" type="submit" class="button action continue primary">
<span data-bind="i18n: 'Next'">Nästa</span>
</button>
</div>
</div>
</form><form id="co-payment-form" class="form payments" novalidate="novalidate">
<input data-bind="attr: {value: getFormKey()}" type="hidden" name="form_key" value="0CQU3CjWsx6gT4iL">
<fieldset class="fieldset">
<div class="step-title" data-bind="i18n: 'Payment Method'">Betalningsinformation</div>
<!-- ko foreach: getRegion('beforeMethods') -->
<!-- ko template: getTemplate() -->
<!-- ko foreach: {data: elems, as: 'element'} -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div>
<!-- ko foreach: {data: getRegion('place-order-recaptcha'), as: 'recaptcha'} --><!-- ko template: getTemplate() -->
<div data-bind="{
attr: {
'id': getReCaptchaId() + '-wrapper'
},
'afterRender': renderReCaptcha()
}" id="recaptcha-checkout-place-order-wrapper">
<div class="g-recaptcha" id="recaptcha-checkout-place-order"></div>
<!-- ko if: (!getIsInvisibleRecaptcha()) -->
<div class="field">
<div class="control">
<input type="checkbox" value="" class="required-captcha checkbox" name="recaptcha-validate-" data-validate="{required:true}">
</div>
</div>
<!-- /ko -->
</div>
<!-- /ko --><!-- /ko -->
</div>
<hr>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div data-bind="if: displayAtThisLocation, visible: isPaymentRequestAPISupported, afterRender: markPRAPIready" style="display: none;">
<div class="payment-group">
<div class="step-title mobile" data-role="title">
<!-- ko i18n: 'Checkout with ' + prapiTitle() --><span>Checkout with Google Pay</span><!-- /ko -->
</div>
<div class="payment-method stripe-payments mobile">
<div class="stripe-payments stripe-payments-apple-pay-section">
<div id="payment-request-button"></div>
</div>
<div class="checkout-agreements checkout-agreements-block">
<!-- ko foreach: getRegion('beforeMethods') -->
<!-- ko template: getTemplate() -->
<div data-role="checkout-agreements">
<div class="checkout-agreements fieldset" data-bind="visible: isVisible" style="display: none;">
<!-- ko if: sessRedirectFrom --><!-- /ko -->
<!-- ko ifnot: sessRedirectFrom -->
<!-- ko foreach: agreements -->
<!-- ko if: ($parent.isAgreementRequired($data)) -->
<div class="checkout-agreement field choice required">
<input type="checkbox" class="required-entry" data-bind="attr: {
'id': $parent.getCheckboxId($parentContext, agreementId),
'name': 'agreement[' + agreementId + ']',
'value': agreementId
}" id="agreement__6" name="agreement[6]" value="6">
<label class="label" data-bind="attr: {'for': $parent.getCheckboxId($parentContext, agreementId)}" for="agreement__6">
<button type="button" class="action action-show" data-bind="click: function(data, event) { return $parent.showContent(data, event) }">
<span data-bind="i18n: 'I accept the terms and conditions and I am at least 18 years old'">Jag accepterar villkoren och är minst 18 år</span>
</button>
</label>
</div>
<div class="checkout-agreement field choice required">
<input type="checkbox" class="required-entry" data-bind="attr: {
'id': $parent.getCheckboxId($parentContext, agreementId),
'name': 'agreement[' + agreementId + ']',
'value': agreementId
}" id="agreement__6" name="agreement[6]" value="6">
<label class="label" data-bind="attr: {'for': $parent.getCheckboxId($parentContext, agreementId)}" for="agreement__6">
<button type="button" class="action action-show" data-bind="click: function(data, event) { return $parent.showContent(data, event) }">
<span data-bind="html: $parent.checkout_page_tc">
<p>Ja, jeg er 18 år eller ældre, og jeg accepterer behandlingen af mine personalige data for at lave personligtmarkedsføringsmateriale i henhold till vilkår og bestingelser og privatlivspolitik.</p>
</span>
</button>
</label>
</div>
<!-- /ko -->
<!-- ko ifnot: ($parent.isAgreementRequired($data)) --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
</div><!-- /ko -->
<!--/ko-->
</div>
</div>
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<div id="checkout-payment-method-load" class="opc-payment" data-bind="visible: isPaymentMethodsAvailable">
<!-- ko foreach: getRegion('payment-methods-list') -->
<!-- ko template: getTemplate() -->
<!-- ko if: isPaymentMethodsAvailable() -->
<div class="items payment-methods">
<!-- ko repeat: {foreach: paymentGroupsList, item: '$group'} -->
<div class="payment-group" data-repeat-index="0">
<!-- ko if: showFormShared($group) -->
<!-- ko foreach: getRegion('billing-address-form-shared') -->
<!-- ko template: getTemplate() -->
<div class="checkout-billing-address" style="display: none;">
<div class="billing-address-same-as-shipping-block field choice" data-bind="visible: canUseShippingAddress()">
<input type="checkbox" name="billing-address-same-as-shipping" data-bind="checked: isAddressSameAsShipping, click: useShippingAddress, attr: {id: 'billing-address-same-as-shipping-' + getCode($parent)}"
id="billing-address-same-as-shipping-shared">
<label data-bind="attr: {for: 'billing-address-same-as-shipping-' + getCode($parent)}" for="billing-address-same-as-shipping-shared"><span data-bind="i18n: 'My billing and shipping address are the same'">Min faktura- och leveransadress
är densamma</span></label>
</div>
<!-- ko ifnot: isAddressSameAsShipping --><!-- /ko -->
<fieldset class="fieldset" data-bind="visible: !isAddressDetailsVisible()" style="display: none;">
<!-- ko template: 'Magento_Checkout/billing-address/list' -->
<div class="field field-select-billing">
<label class="label"><span data-bind="i18n: 'Billing Address'">Faktureringsadress</span></label>
<div class="control" data-bind="if: (addressOptions.length > 1)"></div>
</div>
<!-- /ko -->
<!-- ko template: 'Magento_Checkout/billing-address/form' -->
<!-- ko if: typeof autoFillAddress !== 'undefined' -->
<div class="billing-address-form" data-bind="fadeVisible: isAddressFormVisible">
<!-- ko foreach: getRegion('before-fields') --><!--/ko-->
<fieldset data-bind="attr: { id:'billing-new-address-form-'+index, value:index}" class="billing-new-address-form fieldset address" id="billing-new-address-form-billing-address-form-shared" value="billing-address-form-shared">
<!-- ko foreach: getRegion('additional-fieldsets') -->
<!-- ko template: getTemplate() -->
<!-- ko foreach: {data: elems, as: 'element'} -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddressshared.firstname">
<label class="label" data-bind="attr: { for: element.uid }" for="TOLDUEJ"><!-- ko if: element.label --><span data-bind="i18n: element.label">Förnamn</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="firstname" aria-required="true" aria-invalid="false" id="TOLDUEJ">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddressshared.lastname">
<label class="label" data-bind="attr: { for: element.uid }" for="F8RECOF"><!-- ko if: element.label --><span data-bind="i18n: element.label">Efternamn</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="lastname" aria-required="true" aria-invalid="false" id="F8RECOF">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<fieldset class="field street admin__control-fields required" data-bind="css: additionalClasses">
<legend class="label">
<span data-bind="i18n: element.label">Gata och husnummer</span>
</legend>
<div class="control">
<!-- ko foreach: { data: elems, as: 'element' } -->
<!-- ko if: element.visible() -->
<!-- ko ifnot: (element.input_type == 'checkbox' || element.input_type == 'radio') -->
<!-- ko template: $parent.fieldTemplate -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddressshared.street.0">
<label class="label" data-bind="attr: { for: element.uid }" for="HWIWOF2"><!-- ko if: element.label --><span data-bind="i18n: element.label">Gata och husnummer: Line 1</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="street[0]" aria-required="true" aria-invalid="false" id="HWIWOF2">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: (element.input_type == 'checkbox' || element.input_type == 'radio') --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- ko if: validateWholeGroup --><!-- /ko -->
</div>
</fieldset>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddressshared.country_id">
<label class="label" data-bind="attr: { for: element.uid }" for="XRLAUVR"><!-- ko if: element.label --><span data-bind="i18n: element.label">Land</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<select class="select" data-bind="
attr: {
name: inputName,
id: uid,
disabled: disabled,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
placeholder: placeholder
},
hasFocus: focused,
optgroup: options,
value: value,
optionsCaption: caption,
optionsValue: 'value',
optionsText: 'label',
optionsAfterRender: function(option, item) {
if (item && item.disabled) {
ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
}
}" name="country_id" id="XRLAUVR" aria-required="true" aria-invalid="false">
<option data-title="Sverige" value="SE">Sverige</option>
</select>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddressshared.region_id" style="display: none;">
<label class="label" data-bind="attr: { for: element.uid }" for="EI87D0V"><!-- ko if: element.label --><span data-bind="i18n: element.label">Län</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<select class="select" data-bind="
attr: {
name: inputName,
id: uid,
disabled: disabled,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
placeholder: placeholder
},
hasFocus: focused,
optgroup: options,
value: value,
optionsCaption: caption,
optionsValue: 'value',
optionsText: 'label',
optionsAfterRender: function(option, item) {
if (item && item.disabled) {
ko.applyBindingsToNode(option, {attr: {disabled: true}}, item);
}
}" name="region_id" id="EI87D0V" aria-invalid="false">
<option value="">Ange region eller område.</option>
<option data-title="Blekinge län" value="1036">Blekinge län</option>
<option data-title="Dalarnas län" value="1037">Dalarnas län</option>
<option data-title="Gävleborgs län" value="1039">Gävleborgs län</option>
<option data-title="Gotlands län" value="1038">Gotlands län</option>
<option data-title="Hallands län" value="1040">Hallands län</option>
<option data-title="Jämtlands län" value="1041">Jämtlands län</option>
<option data-title="Jönköpings län" value="1042">Jönköpings län</option>
<option data-title="Kalmar län" value="1043">Kalmar län</option>
<option data-title="Kronobergs län" value="1044">Kronobergs län</option>
<option data-title="Norrbottens län" value="1045">Norrbottens län</option>
<option data-title="Örebro län" value="1055">Örebro län</option>
<option data-title="Östergötlands län" value="1056">Östergötlands län</option>
<option data-title="Skåne län" value="1046">Skåne län</option>
<option data-title="Södermanlands län" value="1048">Södermanlands län</option>
<option data-title="Stockholms län" value="1047">Stockholms län</option>
<option data-title="Uppsala län" value="1049">Uppsala län</option>
<option data-title="Värmlands län" value="1050">Värmlands län</option>
<option data-title="Västerbottens län" value="1051">Västerbottens län</option>
<option data-title="Västernorrlands län" value="1052">Västernorrlands län</option>
<option data-title="Västmanlands län" value="1053">Västmanlands län</option>
<option data-title="Västra Götalands län" value="1054">Västra Götalands län</option>
</select>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddressshared.region" style="display: none;">
<label class="label" data-bind="attr: { for: element.uid }" for="C5F930O"><!-- ko if: element.label --><span data-bind="i18n: element.label">Län</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="region" aria-invalid="false" id="C5F930O">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddressshared.city">
<label class="label" data-bind="attr: { for: element.uid }" for="MHAE6J2"><!-- ko if: element.label --><span data-bind="i18n: element.label">Ort</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="city" aria-required="true" aria-invalid="false" id="MHAE6J2">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddressshared.postcode">
<label class="label" data-bind="attr: { for: element.uid }" for="QGUC5LJ"><!-- ko if: element.label --><span data-bind="i18n: element.label">Postnr. (5 siffror utan mellanslag)</span><!-- /ko --></label>
<div class="control" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="postcode" aria-required="true" aria-invalid="false" id="QGUC5LJ">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip --><!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<div class="field _required" data-bind="visible: visible, attr: {'name': element.dataScope}, css: additionalClasses" name="billingAddressshared.telephone">
<label class="label" data-bind="attr: { for: element.uid }" for="HT6H97I"><!-- ko if: element.label --><span data-bind="i18n: element.label">Telefon</span><!-- /ko --></label>
<div class="control _with-tooltip" data-bind="css: {'_with-tooltip': element.tooltip}">
<!-- ko ifnot: element.hasAddons() -->
<!-- ko template: element.elementTmpl -->
<input class="input-text" type="text" data-bind="
value: value,
valueUpdate: 'keyup',
hasFocus: focused,
attr: {
name: inputName,
placeholder: placeholder,
'aria-describedby': getDescriptionId(),
'aria-required': required,
'aria-invalid': error() ? true : 'false',
id: uid,
disabled: disabled
}" name="telephone" aria-required="true" aria-invalid="false" id="HT6H97I">
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.hasAddons() --><!-- /ko -->
<!-- ko if: element.tooltip -->
<!-- ko template: element.tooltipTpl -->
<div class="field-tooltip toggle">
<!-- ko if: (tooltip.link)--><!-- /ko -->
<span id="tooltip-label" class="label"><!-- ko i18n: 'Tooltip' --><span>Tooltip</span><!-- /ko --></span>
<!-- ko if: (!tooltip.link)-->
<span id="tooltip" class="field-tooltip-action action-help" tabindex="0" data-toggle="dropdown" data-bind="mageInit: {'dropdown':{'activeClass': '_active', 'parent': '.field-tooltip.toggle'}}" aria-labelledby="tooltip-label"
aria-haspopup="true" aria-expanded="false" role="button">
</span>
<!-- /ko -->
<div class="field-tooltip-content" data-target="dropdown" data-bind="i18n: tooltip.description" aria-hidden="true">För leveransfrågor.</div>
</div>
<!-- /ko -->
<!-- /ko -->
<!-- ko if: element.notice --><!-- /ko -->
<!-- ko if: element.error() --><!-- /ko -->
<!-- ko if: element.warn() --><!-- /ko -->
</div>
</div>
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!--/ko-->
<!-- ko if: (isCustomerLoggedIn && customerHasAddresses) --><!-- /ko -->
</fieldset>
</div>
<!-- /ko -->
<!-- ko if: typeof autoFillAddress === 'undefined' --><!-- /ko --><!-- /ko -->
<div class="actions-toolbar">
<div class="primary">
<button class="action action-update" type="button" data-bind="click: updateAddress">
<span data-bind="i18n: 'Update'">Uppdatera</span>
</button>
<button class="action action-cancel" type="button" data-bind="click: cancelAddressEdit">
<span data-bind="i18n: 'Cancel'">Avbryt</span>
</button>
</div>
</div>
</fieldset>
</div>
<!-- /ko -->
<!--/ko-->
<!--/ko-->
<!-- ko foreach: {data: getRegion($group().displayArea), as: 'method'} --><!-- ko template: getTemplate() -->
<div class="payment-method stripe-payments _active" data-bind="
css: {
'_active': (getCode() == isChecked())
}">
<div class="payment-method-title field choice">
<input type="radio" name="payment[method]" class="radio" data-bind="
attr: { 'id': getCode() },
value: getCode(),
checked: isChecked,
click: selectPaymentMethod,
visible: isRadioButtonVisible()
" id="stripe_payments" value="stripe_payments" style="display: none;">
<label class="label" data-bind="attr: {'for': getCode()}" for="stripe_payments">
<span class="stripe-icon-container right" data-bind="css: { right: iconsRight }, if: hasIcons">
<span data-bind="foreach: icons()">
<img class="stripe-icon" data-bind="attr:{src: path}" src="https://www.europroshop.eu/static/version1694529487/frontend/Venustheme/fasony-light-blue/sv_SE/StripeIntegration_Payments/img/cards/mastercard.svg">
<img class="stripe-icon" data-bind="attr:{src: path}" src="https://www.europroshop.eu/static/version1694529487/frontend/Venustheme/fasony-light-blue/sv_SE/StripeIntegration_Payments/img/cards/visa.svg">
</span>
</span>
<span data-bind="text: getTitle()"> </span>
</label>
</div>
<div class="payment-method-content" data-bind="if: stripePaymentsError()"></div>
<div class="payment-method-content stripe-payments-card-form" data-bind="if: !stripePaymentsError()">
<div class="payment-method-billing-address">
<!-- ko foreach: $parent.getRegion(getBillingAddressFormName()) --><!--/ko-->
</div>
<p class="stripe-payments-billing-address-warning" data-bind="if: !isBillingAddressSet()"></p>
<div data-bind="if: displayAtThisLocation(), visible: isPlaceOrderEnabled(), afterRender: initPRAPI"></div>
<div data-bind="
attr: {
id: getCode() + '_saved_cards_div'
},
if: showSavedCardsSection,
visible: showSavedCardsSection
" class="stripe-payments stripe-payments-saved-cards-section" id="stripe_payments_saved_cards_div" style="display: none;"></div>
<div class="fieldset ccard" data-bind="visible: showNewCardSection">
<div>
<div class="stripe-payments-elements">
<label for="card-number" id="card-details-label">
<span><!-- ko i18n: 'Enter your card details:'--><span>Ange dina kortuppgifter:</span><!-- /ko --></span>
</label>
</div>
<div class="stripe-payments-elements no-wrap">
<div id="stripe-payments-card-number" class="stripe-elements-field StripeElement StripeElement--empty">
<div class="__PrivateStripeElement"
style="margin: 0px !important; padding: 0px !important; border: none !important; display: block !important; background: transparent !important; position: relative !important; opacity: 1 !important;"><iframe
name="__privateStripeFrame2526" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *"
src="https://js.stripe.com/v3/elements-inner-card-192285a910597524d1726b16215c3bb7.html#locale=sv&wait=false&mids[guid]=NA&mids[muid]=NA&mids[sid]=NA&style[base][fontSize]=16px&rtl=false&componentName=cardNumber&keyMode=live&apiKey=pk_live_51NREKCA6cc8z4pOvZAElauBBQecfTfrFhl7a6O3A8cQkDRFp9BLBKyiKMqHY4XMRSOp3LINP1lwGFjJnG0aphgcw00HoQiP2Hu&referrer=https%3A%2F%2Fwww.europroshop.eu%2Fonestepcheckout.html%2F&controllerId=__privateStripeController2521"
title="Ram för inmatning av säkert kortnummer"
style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 19.2px;"></iframe><input
class="__PrivateStripeElement-input" aria-hidden="true" aria-label=" " autocomplete="false" maxlength="1"
style="border: none !important; display: block !important; position: absolute !important; height: 1px !important; top: -1px !important; left: 0px !important; padding: 0px !important; margin: 0px !important; width: 100% !important; opacity: 0 !important; background: transparent !important; pointer-events: none !important; font-size: 16px !important;">
</div>
</div>
<div class="stripe-payments-brand"><i class="pf pf-credit-card" id="stripe-payments-brand-icon"></i></div>
</div>
<div class="stripe-payments-elements no-wrap">
<div id="stripe-payments-card-expiry" class="stripe-elements-field StripeElement StripeElement--empty">
<div class="__PrivateStripeElement"
style="margin: 0px !important; padding: 0px !important; border: none !important; display: block !important; background: transparent !important; position: relative !important; opacity: 1 !important;"><iframe
name="__privateStripeFrame2528" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *"
src="https://js.stripe.com/v3/elements-inner-card-192285a910597524d1726b16215c3bb7.html#locale=sv&wait=false&mids[guid]=NA&mids[muid]=NA&mids[sid]=NA&style[base][fontSize]=16px&rtl=false&componentName=cardExpiry&keyMode=live&apiKey=pk_live_51NREKCA6cc8z4pOvZAElauBBQecfTfrFhl7a6O3A8cQkDRFp9BLBKyiKMqHY4XMRSOp3LINP1lwGFjJnG0aphgcw00HoQiP2Hu&referrer=https%3A%2F%2Fwww.europroshop.eu%2Fonestepcheckout.html%2F&controllerId=__privateStripeController2521"
title="Ram för inmatning av säkert utgångsdatum"
style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 19.2px;"></iframe><input
class="__PrivateStripeElement-input" aria-hidden="true" aria-label=" " autocomplete="false" maxlength="1"
style="border: none !important; display: block !important; position: absolute !important; height: 1px !important; top: -1px !important; left: 0px !important; padding: 0px !important; margin: 0px !important; width: 100% !important; opacity: 0 !important; background: transparent !important; pointer-events: none !important; font-size: 16px !important;">
</div>
</div>
<div id="stripe-payments-card-cvc" class="stripe-elements-field StripeElement StripeElement--empty">
<div class="__PrivateStripeElement"
style="margin: 0px !important; padding: 0px !important; border: none !important; display: block !important; background: transparent !important; position: relative !important; opacity: 1 !important;"><iframe
name="__privateStripeFrame25210" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *"
src="https://js.stripe.com/v3/elements-inner-card-192285a910597524d1726b16215c3bb7.html#locale=sv&wait=false&mids[guid]=NA&mids[muid]=NA&mids[sid]=NA&style[base][fontSize]=16px&rtl=false&componentName=cardCvc&keyMode=live&apiKey=pk_live_51NREKCA6cc8z4pOvZAElauBBQecfTfrFhl7a6O3A8cQkDRFp9BLBKyiKMqHY4XMRSOp3LINP1lwGFjJnG0aphgcw00HoQiP2Hu&referrer=https%3A%2F%2Fwww.europroshop.eu%2Fonestepcheckout.html%2F&controllerId=__privateStripeController2521"
title="Ram för säker inmatning av CVC-kod"
style="border: none !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 19.2px;"></iframe><input
class="__PrivateStripeElement-input" aria-hidden="true" aria-label=" " autocomplete="false" maxlength="1"
style="border: none !important; display: block !important; position: absolute !important; height: 1px !important; top: -1px !important; left: 0px !important; padding: 0px !important; margin: 0px !important; width: 100% !important; opacity: 0 !important; background: transparent !important; pointer-events: none !important; font-size: 16px !important;">
</div>
</div>
</div>
<div class="stripe-payments-elements">
<div class="pci-dss-info-block">
<svg xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em" viewBox="0 0 24 24" id="pci-svg">
<path
d="m18,8l-1,0l0,-2c0,-2.76 -2.24,-5 -5,-5s-5,2.24 -5,5l0,2l-1,0c-1.1,0 -2,0.9 -2,2l0,10c0,1.1 0.9,2 2,2l12,0c1.1,0 2,-0.9 2,-2l0,-10c0,-1.1 -0.9,-2 -2,-2zm-6,9c-1.1,0 -2,-0.9 -2,-2s0.9,-2 2,-2s2,0.9 2,2s-0.9,2 -2,2zm3.1,-9l-6.2,0l0,-2c0,-1.71 1.39,-3.1 3.1,-3.1c1.71,0 3.1,0.92125 3.1,2.84372l0,-0.78122l0,3.0375z">
</path>
</svg>
<div class="pci-dss-info-text">
<span><!-- ko i18n: 'Your card details are protected using PCI DSS v3.2 security standards.'--><span>Betalningen är krypterad med ett aktivt SSL-certifikat.</span><!-- /ko --></span>
</div>
</div>
</div>
<div id="stripe-payments-card-errors"></div>
</div>
</div>
<div data-bind="
attr: {
id: getCode() + '_cc_save_div'
},
if: showSaveCardOption,
visible: !config().alwaysSaveCard" id="stripe_payments_cc_save_div" style="display: none;"></div>
<input type="hidden" class="input-text" name="payment[cc_stripejs_token]" value="" data-bind="
attr: {
id: getCode() + '_cc_stripejs_token'
},
value: stripePaymentsStripeJsToken
" id="stripe_payments_cc_stripejs_token">
<div class="checkout-agreements-block">
<!-- ko foreach: $parent.getRegion('before-place-order') -->
<!-- ko template: getTemplate() -->
<!-- ko foreach: { data: elems, as: 'element' } -->
<!-- ko if: hasTemplate() -->
<!-- ko template: getTemplate() -->
<!-- ko foreach: {data: elems, as: 'element'} -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<!-- ko if: hasMessage --><!-- /ko -->
<!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!--/ko-->
</div>
<!-- ko foreach: getRegion('messages') -->
<!-- ko template: getTemplate() -->
<div data-role="checkout-messages" class="messages" data-bind="visible: isVisible(), click: removeAll">
<!-- ko foreach: messageContainer.getErrorMessages() --><!--/ko-->
<!-- ko foreach: messageContainer.getSuccessMessages() --><!--/ko-->
</div>
<!-- /ko -->
<!--/ko-->
<div class="actions-toolbar" id="actions-toolbar">
<div class="primary">
<button class="action primary checkout" type="submit" data-bind="
click: placeOrder,
enable: isPlaceOrderEnabled(),
attr: {title: $t('Place Order')},
afterRender: onCheckoutFormRendered
" title="BETALA NU">
<span data-bind="i18n: 'Place Order'">BETALA NU</span>
</button>
</div>
</div>
</div>
<div class="payment-method-content stripe-payments-installments-form" style="display: none;">
<div class="installments-header">
<h3>
<a class="action back-link" data-bind="click: collapseInstallments">< <!-- ko i18n: 'Back'--><span>Tillbaka</span><!-- /ko --></a>
<!-- ko i18n: 'Installment plans are available for your card!'--><span>Installment plans are available for your card!</span><!-- /ko -->
</h3>
</div>
<div class="stripe-payments-installment-plans" data-bind="if: installmentPlans"></div>
<!-- ko foreach: getRegion('messages') -->
<!-- ko template: getTemplate() -->
<div data-role="checkout-messages" class="messages" data-bind="visible: isVisible(), click: removeAll">
<!-- ko foreach: messageContainer.getErrorMessages() --><!--/ko-->
<!-- ko foreach: messageContainer.getSuccessMessages() --><!--/ko-->
</div>
<!-- /ko -->
<!--/ko-->
<div class="actions-toolbar" id="actions-toolbar" data-bind="if: installmentPlans"></div>
</div>
</div>
<!-- /ko --><!-- /ko -->
</div><!-- /ko -->
</div><!-- /ko -->
<!-- ko ifnot: isPaymentMethodsAvailable() --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
<div class="no-quotes-block" data-bind="visible: isPaymentMethodsAvailable() == false" style="display: none;">
<!-- ko i18n: 'No Payment method available.'--><span>Inga betalningsmetoder tillgängliga.</span><!-- /ko -->
</div>
<!-- ko foreach: getRegion('afterMethods') -->
<!-- ko template: getTemplate() -->
<!-- ko foreach: {data: elems, as: 'element'} -->
<!-- ko if: hasTemplate() --><!-- ko template: getTemplate() -->
<!-- ko foreach: getOscWidget('under_payment_method') --><!--/ko--><!-- /ko --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</fieldset>
</form><form id="bss-osc-form-checkout-agreements" class="form" novalidate="novalidate">
<div data-role="checkout-agreements">
<div class="checkout-agreements" data-bind="visible: isVisible" style="display: none;">
<!-- ko if: sessRedirectFrom --><!-- /ko -->
<!-- ko ifnot: sessRedirectFrom -->
<!-- ko foreach: agreements -->
<!-- ko if: ($parent.isAgreementRequired($data)) -->
<div class="checkout-agreement">
<input type="checkbox" class="required-entry" data-bind="attr: {
'id': 'agreement_' + agreementId,
'name': 'agreement[' + agreementId + ']',
'value': agreementId
}" data-validate="{required:true}" id="agreement_6" name="agreement[6]" value="6">
<label data-bind="attr: {'for': 'agreement_' + agreementId}" for="agreement_6">
<button type="button" class="action action-show" data-bind="click: function(data, event) { return $parent.showContent(data, event) }">
<span data-bind="html: checkboxText">Prova ett 7-dagars gratis medlemskap (efter det 99 SEK per månad). Medlemskapet kan sägas upp när som helst. Det finns ingen bindning.</span>
</button>
</label>
</div>
<!-- /ko -->
<!-- ko ifnot: ($parent.isAgreementRequired($data)) --><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
</div>
</div>
</form>POST
<form class="form form-login" method="post" data-bind="event: {submit: login }" id="login-form">
<div class="fieldset login" data-bind="attr: {'data-hasrequired': $t('* Required Fields')}" data-hasrequired="* Obligatoriska fält">
<div class="field email required">
<label class="label" for="customer-email"><span data-bind="i18n: 'Email Address'">E-post</span></label>
<div class="control">
<input name="username" id="customer-email" type="email" class="input-text" data-mage-init="{"mage/trim-input":{}}" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true, 'validate-email':true}"
autocomplete="off">
</div>
</div>
<div class="field password required">
<label for="pass" class="label"><span data-bind="i18n: 'Password'">Lösenord</span></label>
<div class="control">
<input name="password" type="password" class="input-text" id="pass" data-bind="attr: {autocomplete: autocomplete}" data-validate="{required:true}" autocomplete="off">
</div>
</div>
<!-- ko foreach: getRegion('additional-login-form-fields') -->
<!-- ko template: getTemplate() -->
<input name="captcha_form_id" type="hidden" data-bind="value: formId, attr: {'data-scope': dataScope}" value="user_login" data-scope="">
<!-- ko if: (isRequired() && getIsVisible())--><!-- /ko -->
<!-- /ko -->
<!-- /ko -->
<div class="actions-toolbar">
<input name="context" type="hidden" value="checkout">
<div class="primary">
<button type="submit" class="action action-login secondary" name="send" id="send2">
<span data-bind="i18n: 'Sign In'">Logga in</span>
</button>
</div>
<div class="secondary">
<a class="action" data-bind="attr: {href: forgotPasswordUrl}" href="https://www.europroshop.eu/customer/account/forgotpassword/">
<span data-bind="i18n: 'Forgot Your Password?'">Glömt ditt lösenord?</span>
</a>
</div>
</div>
</div>
</form>Text Content
Please wait...
JavaScript seems to be disabled in your browser. For the best experience on our
site, be sure to turn on Javascript in your browser.
BETALNING
Toggle Nav
Logga in
Stäng
Logga in
E-post
Lösenord
Logga in
Glömt ditt lösenord?
Uppskattad summa 149,00 kr
2
1. Adress
E-post
Tooltip
Hit skickar vi din orderbekräftelse.
Du kan skapa ett konto efter avslutat köp.
Förnamn
Efternamn
Gata och husnummer
Gata och husnummer: Line 1
Län
Ange region eller område.Blekinge länDalarnas länGävleborgs länGotlands
länHallands länJämtlands länJönköpings länKalmar länKronobergs
länNorrbottens länÖrebro länÖstergötlands länSkåne länSödermanlands
länStockholms länUppsala länVärmlands länVästerbottens länVästernorrlands
länVästmanlands länVästra Götalands län
Län
Postnr. (5 siffror utan mellanslag)
Ort
Telefon
Tooltip
För leveransfrågor.
Land
Sverige
2. Fraktsätt
See our Shipping Policy
Select Method Pris Method Title Carrier Title 0,00 kr Levering
Nästa
3. Betalningsinformation
--------------------------------------------------------------------------------
Checkout with Google Pay
Jag accepterar villkoren och är minst 18 år
Ja, jeg er 18 år eller ældre, og jeg accepterer behandlingen af mine
personalige data for at lave personligtmarkedsføringsmateriale i henhold
till vilkår og bestingelser og privatlivspolitik.
Min faktura- och leveransadress är densamma
Faktureringsadress
Förnamn
Efternamn
Gata och husnummer
Gata och husnummer: Line 1
Land
Sverige
Län
Ange region eller område.Blekinge länDalarnas länGävleborgs länGotlands
länHallands länJämtlands länJönköpings länKalmar länKronobergs
länNorrbottens länÖrebro länÖstergötlands länSkåne länSödermanlands
länStockholms länUppsala länVärmlands länVästerbottens länVästernorrlands
länVästmanlands länVästra Götalands län
Län
Ort
Postnr. (5 siffror utan mellanslag)
Telefon
Tooltip
För leveransfrågor.
Uppdatera Avbryt
Ange dina kortuppgifter:
Betalningen är krypterad med ett aktivt SSL-certifikat.
BETALA NU
< TILLBAKA INSTALLMENT PLANS ARE AVAILABLE FOR YOUR CARD!
Inga betalningsmetoder tillgängliga.
Din beställning
Din beställning Delsumma 149,00 kr Frakt Levering - 0,00 kr Summa 50,00 kr Du
kommer att debiteras för 4,67 €
Artiklar i kundvagnen
1. Betalning
Antal 1
50,00 kr
2. Membership
Antal 1
99,00 kr
Visa detaljer
Detaljer för Alternativ Repeats Every 30 Days Trial Period 60 days
Prova ett 7-dagars gratis medlemskap (efter det 99 SEK per månad). Medlemskapet
kan sägas upp när som helst. Det finns ingen bindning.
BETALA NU
Top
Stäng
Gå till Kassan som en ny kund
Att skapa ett konto har många fördelar:
* Se beställning- och leveransstatus
* Följ orderhistoriken
* Gå genom kassan snabbare
Skapa ett konto
Gå till Kassan med ditt konto
E-post
Lösenord
Logga in
Glömt ditt lösenord?
Stäng
Stäng
Stäng
Stäng