BLOG

Display Selected icons on the product page

<!--Ali Code Start -->
{%- capture payment_methods -%}
{%- for type in shop.enabled_payment_types -%}
{%- if type contains 'amazon' or type == 'google_pay' or type == 'paypal' or type == 'klarna' or type == 'apple_pay' -%}
<div class="t_Footer_Paymentlist_element">{{ type | payment_type_svg_tag }}</div>
{%- endif -%}
{%- endfor -%}
{%- endcapture -%}

{%- if payment_methods != blank -%}
<div class="t_ZahlungsArten-wrap" >
<div class="t_ZahlungsArten-header"> <div class="">{{"Sicher bezahlen mit:"}}</div></div>
<div class="t_ZahlungsArten-Icons">
{{ payment_methods }}
</div>
</div>
{%- endif -%}
<!-- Ali Code End -->

<style>

.t_ZahlungsArten-Icons {
display: flex;
margin-bottom: 20px;
justify-content: center;
}
.t_ZahlungsArten-header {
margin-bottom: 15px;
text-align: center;
}
.t_Footer_Paymentlist_element {
margin: 0 20px;
height: auto;
}
.t_Footer_Paymentlist_element>svg {
height: 40px;
width: auto;
}

</style>

Share:

Post a Comment!