Hello guys, im changing my theme, and i got a problem im not beeing able to solve.
I had a code for my earlier theme, now im trying to put it in my new theme. I got only two problems:
1- The popup works in mobile but when in PC i click and nothing happens.
2- The color variants that i used to edit in schema isnt editable anymore.
You can see my price.liquid below:
{%- comment -%}
----------------------------------------------------------------------------------------------------------------------
PRODUCT PRICE
----------------------------------------------------------------------------------------------------------------------
This component generates price list for a given product. It handles the rendering of both price, compare at price,
sale price and unit price
********************************************
Supported variables
********************************************
* product: the product from which prices are rendered
* variant: if a variant is specified, then only the price from this variant is rendered (used in product details)
* line_item: if a line item is specified, then the price from this line item are rendered
* hide_unit_price: if set to true, unit pricing are hidden (this is useful for elements that are very size constrained)
* size: can be either empty (assumed to be normal size) or "lg"
* form_id: if specified, the prices are updated dynamically based on the form update
* alignment: can be "center" to align the prices
{%- endcomment -%}
{%- assign selected_variant = product.selected_or_first_available_variant -%}
{% comment %}
Renders a list of product's price (regular, sale)
Accepts:
- product: {Object} Product Liquid object (optional)
- use_variant: {Boolean} Renders selected or first variant price instead of overall product pricing (optional)
- show_badges: {Boolean} Renders 'Sale' and 'Sold Out' tags if the product matches the condition (optional)
- price_class: {String} Adds a price class to the price element (optional)
Usage:
{% render 'price', product: product %}
{% endcomment %}
{%- liquid
if use_variant
assign target = product.selected_or_first_available_variant
else
assign target = product
endif
assign compare_at_price = target.compare_at_price
assign price = target.price | default: 1999
assign available = target.available | default: false
assign money_price = price | money
if settings.currency_code_enabled
assign money_price = price | money_with_currency
endif
if target == product and product.price_varies
assign money_price = 'products.product.price.from_price_html' | t: price: money_price
endif
-%}
{%- case size -%}
{%- when 'lg' -%}
{%- assign regular_price_classes = 'text-lg' -%}
{%- assign on_sale_price_classes = 'text-lg text-on-sale' -%}
{%- assign compare_at_price_classes = 'text-subdued line-through' -%}
{%- assign unit_price_classes = 'text-subdued' -%}
{%- else -%}
{%- assign regular_price_classes = 'text-subdued' -%}
{%- assign on_sale_price_classes = 'text-on-sale' -%}
{%- assign compare_at_price_classes = 'text-subdued line-through' -%}
{%- assign unit_price_classes = 'text-subdued text-sm' -%}
{%- endcase -%}
<price-list {% if form_id %}role="region" aria-live="polite"{% endif %} class="price-list {% if size == 'lg' %}price-list--lg{% endif %} {% if text_alignment == 'center' %}justify-center{% endif %}" {{ block.shopify_attributes }}>
{%- if variant != blank -%}
{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
VARIANT CASE (used on product page, quick view...)
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}
<sale-price {% if form_id %}form="{{ form_id }}"{% endif %} class="{% if variant.compare_at_price > variant.price %}{{ on_sale_price_classes }}{% else %}{{ regular_price_classes }}{% endif %}">
<span class="sr-only">{{ 'product.price.sale_price' | t }}</span>
{%- if settings.currency_code_enabled -%}
{{- variant.price | money_with_currency -}}
{%- else -%}
{{- variant.price | money -}}
{%- endif -%}
</sale-price>
<compare-at-price {% if form_id %}form="{{ form_id }}"{% endif %} {% unless variant.compare_at_price > variant.price %}hidden{% endunless %} class="{{ compare_at_price_classes }}">
<span class="sr-only">{{ 'product.price.regular_price' | t }}</span>
{%- if settings.currency_code_enabled -%}
{{- variant.compare_at_price | money_with_currency -}}
{%- else -%}
{{- variant.compare_at_price | money -}}
{%- endif -%}
</compare-at-price>
{%- elsif line_item != blank -%}
{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
LINE ITEM CASE (used on cart, order page...)
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}
<sale-price class="{% if line_item.original_line_price > line_item.final_line_price %}{{ on_sale_price_classes }}{% else %}{{ regular_price_classes }}{% endif %}">
<span class="sr-only">{{ 'product.price.sale_price' | t }}</span>
{%- if settings.currency_code_enabled -%}
{{- line_item.final_line_price | money_with_currency -}}
{%- else -%}
{{- line_item.final_line_price | money -}}
{%- endif -%}
</sale-price>
{%- if line_item.original_line_price > line_item.final_line_price -%}
<compare-at-price class="{{ compare_at_price_classes }}">
<span class="sr-only">{{ 'product.price.regular_price' | t }}</span>
{%- if settings.currency_code_enabled -%}
{{- line_item.original_line_price | money_with_currency -}}
{%- else -%}
{{- line_item.original_line_price | money -}}
{%- endif -%}
</compare-at-price>
{%- endif -%}
{%- else -%}
{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
PRODUCT CASE (used on card)
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}
{%- if product.price_varies and product.compare_at_price -%}
{%- assign cheapest_variant = product.variants | sort: 'price' | first -%}
{%- capture price_min -%}
{%- if settings.currency_code_enabled -%}
{{- cheapest_variant.price | money_with_currency -}}
{%- else -%}
{{- cheapest_variant.price | money -}}
{%- endif -%}
{%- endcapture -%}
{%- if cheapest_variant.price < cheapest_variant.compare_at_price -%}
<sale-price class="{{ on_sale_price_classes }}">
<span class="sr-only">{{ 'product.price.sale_price' | t }}</span>
{{- 'product.price.from_price_html' | t: price_min: price_min -}}
</sale-price>
<compare-at-price class="{{ compare_at_price_classes }}">
<span class="sr-only">{{ 'product.price.regular_price' | t }}</span>
{%- if settings.currency_code_enabled -%}
{{- cheapest_variant.compare_at_price | money_with_currency -}}
{%- else -%}
{{- cheapest_variant.compare_at_price | money -}}
{%- endif -%}
</compare-at-price>
{%- else -%}
<sale-price class="{{ regular_price_classes }}">
<span class="sr-only">{{ 'product.price.sale_price' | t }}</span>
{{- 'product.price.from_price_html' | t: price_min: price_min -}}
</sale-price>
{%- endif -%}
{%- elsif product.price < product.compare_at_price -%}
<sale-price class="{{ on_sale_price_classes }}">
<span class="sr-only">{{ 'product.price.sale_price' | t }}</span>
{%- if settings.currency_code_enabled -%}
{{- product.price | money_with_currency -}}
{%- else -%}
{{- product.price | money -}}
{%- endif -%}
</sale-price>
<compare-at-price class="{{ compare_at_price_classes }}">
<span class="sr-only">{{ 'product.price.regular_price' | t }}</span>
{%- if settings.currency_code_enabled -%}
{{- product.compare_at_price | money_with_currency -}}
{%- else -%}
{{- product.compare_at_price | money -}}
{%- endif -%}
</compare-at-price>
{%- elsif product.price_varies -%}
{%- capture price_min -%}
{%- if settings.currency_code_enabled -%}
{{ product.price_min | money_with_currency }}
{%- else -%}
{{ product.price_min | money }}
{%- endif -%}
{%- endcapture -%}
{%- capture price_max -%}
{%- if settings.currency_code_enabled -%}
{{- product.price_max | money_with_currency -}}
{%- else -%}
{{- product.price_max | money -}}
{%- endif -%}
{%- endcapture -%}
<sale-price class="{{ regular_price_classes }}">
<span class="sr-only">{{ 'product.price.sale_price' | t }}</span>
{{- 'product.price.from_price_html' | t: price_min: price_min, price_max: price_max -}}
</sale-price>
{%- else -%}
<sale-price class="{{ regular_price_classes }}">
<span class="sr-only">{{ 'product.price.sale_price' | t }}</span>
{%- if settings.currency_code_enabled -%}
{{- product.price | money_with_currency -}}
{%- else -%}
{{- product.price | money -}}
{%- endif -%}
</sale-price>
{%- endif -%}
{%- endif -%}
{%- unless hide_unit_price -%}
{%- assign unit_price_item = variant | default: line_item | default: product.selected_or_first_available_variant -%}
{%- if unit_price_item.unit_price or form_id != blank -%}
<unit-price {% if form_id %}form="{{ form_id }}"{% endif %} {% unless unit_price_item.unit_price %}hidden{% endunless %} class="{{ unit_price_classes }}">
{%- assign unit_price_measurement = unit_price_item.unit_price_measurement -%}
{%- if unit_price_measurement.reference_value != 1 -%}
{%- assign reference_value = unit_price_measurement.reference_value -%}
{%- endif -%}
({{ unit_price_item.unit_price | money }}/{{ reference_value }}{{ unit_price_measurement.reference_unit }})
</unit-price>
{%- endif -%}
{%- endunless -%}
{%- if template.name == 'product' and template != 'product.quick-view' -%}
<span class="parcelamento">em até 12x de <b>{{ price | divided_by: 12 | times: 1.2163 | round: 2 | money }}</b></span>
{%- else -%}
<span class="parcelamento">ou 12x <b>{{ price | divided_by: 12 | times: 1.2163 | round: 2 | money }}</b></span>
{%- endif -%}
{%- if template.name == 'product' -%}
<button
onclick="openPopup()"
style=" background: {{settings.corpopup}}; border: none; padding: 4px 8px; color: white; border-radius: 5px; font-size: {{settings.tamanhobotao}}px; cursor: pointer; margin: 3px 0;"
>
Ver opções de pagamento
</button>
{% assign juros2 = settings.juros2 %}
{% assign juros3 = settings.juros3 %}
{% assign juros4 = settings.juros4 %}
{% assign juros5 = settings.juros5 %}
{% assign juros6 = settings.juros6 %}
{% assign juros7 = settings.juros7 %}
{% assign juros8 = settings.juros8 %}
{% assign juros9 = settings.juros9 %}
{% assign juros10 = settings.juros10 %}
{% assign juros11 = settings.juros11 %}
{% assign juros12 = settings.juros12 %}
{% assign pixdesc = settings.pixdesc %}
{% assign boletodesc = settings.boletodesc %}
<div id="popup" class="popup popup-open">
<div class="popup-content popup-open">
<span class="close2" onclick="close2Popup()">x</span>
<h3 style=" margin-top: 0px; margin-bottom: 25px; color:{{settings.corpopup}};font-weight: 600;">
<svg style="margin-right: 5px;fill: #174362;margin-left: 15px;" width="24" height="24" viewBox="0 0 24 24">
<g><path d="M15.838.412l4.022 4.023-4.385 4.385H5.44L13.85.412c.549-.55 1.44-.55 1.989 0zM18.74 8.82c.29 0 .57.044.834.126l2.399-2.4-1.118-1.117-3.392 3.39h1.278zM23.588 8.163l-.62-.621-2.174 2.172c.47.503.76 1.178.76 1.919v.553l2.034-2.035c.55-.549.55-1.44 0-1.988zM3.69 14.685h2.143v1.58H3.69v-1.58z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M1.406 10.227h17.335c.776 0 1.406.63 1.406 1.406v10.96c0 .777-.63 1.407-1.406 1.407H1.406C.63 24 0 23.37 0 22.594V11.633c0-.777.63-1.406 1.406-1.406zm5.833 3.051H2.284v4.394H7.24v-4.394zm-4.998 7.67h2.78v-1.406H2.24v1.406zm4.295 0h2.78v-1.406h-2.78v1.406zm4.296 0h2.779v-1.406h-2.78v1.406zm4.295 0h2.78v-1.406h-2.78v1.406z"></path></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0H24V24H0z"></path></clipPath></defs>
</svg>
Formas de Pagamento
</h3>
<ul class="icones">
<li>
<a href="#" id="opcao1-link" class="opcao-selecionada opcoes" onclick="mostrar('opcao1', event)">
<svg width="41" height="26" viewBox="0 0 40 25" xmlns="https://www.w3.org/2000/svg">
<path d="M7.327 8.092h4.253v2.87H7.327v-2.87z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M2.792 0h34.416C38.75 0 40 1.143 40 2.552v19.896C40 23.858 38.75 25 37.208 25H2.792C1.25 25 0 23.857 0 22.448V2.552C0 1.142 1.25 0 2.792 0zm11.58 5.539H4.536v7.975h9.838V5.539zM4.45 19.46h5.518V16.91H4.449v2.552zm8.528 0h5.518V16.91h-5.518v2.552zm8.528 0h5.518V16.91h-5.518v2.552zm8.528 0h5.518V16.91h-5.518v2.552z"></path>
</svg>
<span class="pagamento"
>Cartão
<p class="espaco"></p>
de Crédito</span
></a
>
</li>
<li>
<a href="#" id="opcao2-link" class="opcao-nao-selecionada opcoes" onclick="mostrar('opcao2', event)">
<svg width="26" viewBox="0 0 22 22" xmlns="https://www.w3.org/2000/svg">
<g><path fill-rule="evenodd" clip-rule="evenodd" d="M4.51548 5.1526C4.54582 5.08862 4.58126 5.05531 4.61352 5.02498L4.61353 5.02498C4.62098 5.01797 4.62827 5.01112 4.63528 5.00409L5.77372 3.8643L5.77385 3.86417C6.72274 2.91434 7.67153 1.9646 8.61835 1.01354C9.11044 0.520208 9.68883 0.187017 10.3741 0.0630388C11.4794 -0.137134 12.4533 0.139234 13.288 0.894726C13.3789 0.976438 13.4643 1.06361 13.5497 1.15079C13.5818 1.18348 13.6138 1.21618 13.6461 1.24858C14.9015 2.50457 16.1556 3.76185 17.4098 5.01913L17.4115 5.02087C17.4193 5.02872 17.4275 5.03637 17.4358 5.04418C17.47 5.07617 17.5069 5.11072 17.5339 5.17197C17.5025 5.17197 17.4731 5.17213 17.445 5.17228H17.4449C17.3925 5.17256 17.3447 5.17281 17.2968 5.17197C16.3037 5.14485 15.4766 5.50646 14.781 6.21158C14.0613 6.94225 13.3358 7.66652 12.6104 8.39069L12.6102 8.39084L12.6102 8.39087C12.3048 8.69573 11.9994 9.00057 11.6945 9.30587L11.6629 9.33791C11.6317 9.36971 11.6008 9.40115 11.567 9.43114C11.3287 9.64552 10.9976 9.65198 10.7529 9.44535C10.7178 9.41518 10.685 9.38188 10.6528 9.3491L10.6527 9.34908L10.6253 9.32137L9.56114 8.25606L9.55937 8.25429C8.85027 7.54455 8.14117 6.8348 7.43322 6.12506C6.9772 5.66789 6.43874 5.36569 5.80753 5.2288C5.55762 5.17456 5.30514 5.1526 5.05008 5.15389C4.87875 5.1526 4.70742 5.1526 4.51548 5.1526ZM0.00386455 10.7084C0.0464263 10.6634 0.054063 10.6061 0.061631 10.5493L0.0644092 10.5289C0.162311 9.83667 0.439271 9.22582 0.926204 8.72733C1.48614 8.15392 2.05352 7.58683 2.6207 7.01994L2.62075 7.01989L2.621 7.01964C2.90449 6.7363 3.18793 6.453 3.47037 6.16898C3.52061 6.11862 3.56569 6.0915 3.64041 6.11733C3.6767 6.12977 3.71795 6.12802 3.7589 6.12629H3.75891C3.77319 6.12568 3.78744 6.12508 3.80143 6.12508C3.92471 6.12508 4.04785 6.12585 4.17095 6.12662H4.17104H4.17109C4.43771 6.1283 4.7041 6.12997 4.9711 6.12378C5.7131 6.1057 6.3237 6.37174 6.84412 6.90123C7.5331 7.603 8.22933 8.29806 8.92547 8.99303L8.92559 8.99315L8.92561 8.99317C9.2876 9.35455 9.64957 9.71591 10.0105 10.0782C10.2849 10.3532 10.6095 10.5173 10.9972 10.5547C11.4223 10.596 11.8011 10.4837 12.1347 10.2215C12.2158 10.1583 12.2893 10.0847 12.3614 10.0123L12.3614 10.0123L12.8154 9.55832L12.8154 9.5583C13.7216 8.65219 14.6274 7.7465 15.5303 6.83795C15.8859 6.48022 16.3058 6.25551 16.8018 6.16898C16.9391 6.14439 17.0788 6.14322 17.2175 6.14204L17.2385 6.14186C17.4402 6.141 17.6425 6.14129 17.8447 6.14158H17.845L18.1479 6.14186C18.1615 6.14186 18.1753 6.14285 18.189 6.14383C18.2197 6.14603 18.2501 6.14821 18.2768 6.13928C18.4635 6.07471 18.573 6.17932 18.6928 6.30071C19.4592 7.07419 20.2295 7.84379 20.9997 8.61339L20.9998 8.61354L21 8.61368C21.4895 9.10184 21.8141 9.68041 21.9365 10.3623C22.1362 11.4755 21.8682 12.4699 21.0876 13.2887C20.5355 13.8683 19.9669 14.4327 19.3986 14.9968L19.3984 14.9971C19.1247 15.2687 18.8512 15.5403 18.5795 15.8135C18.5241 15.869 18.4713 15.8974 18.394 15.8729C18.343 15.8562 18.2903 15.8572 18.238 15.8582C18.2323 15.8583 18.2266 15.8584 18.2209 15.8585C18.2142 15.8586 18.2075 15.8587 18.2008 15.8587L17.8647 15.8584C17.641 15.8581 17.4175 15.8578 17.1934 15.8587C16.5429 15.8612 15.9928 15.6236 15.5329 15.1639C15.0741 14.7039 14.615 14.2443 14.156 13.7849L14.154 13.7829C13.5415 13.1698 12.9292 12.5568 12.3176 11.943C11.9814 11.6059 11.5808 11.4394 11.1054 11.4536C10.6868 11.4652 10.3235 11.6098 10.0259 11.9068C9.70389 12.2284 9.38185 12.55 9.06109 12.8728C8.78428 13.1504 8.50713 13.4275 8.22995 13.7047C7.74479 14.1899 7.25954 14.6752 6.77585 15.1626C6.30051 15.6417 5.72856 15.878 5.05612 15.8767H3.8375C3.82567 15.8767 3.81346 15.8758 3.80118 15.8749C3.77469 15.873 3.74791 15.871 3.72414 15.878C3.56441 15.9258 3.47037 15.8393 3.36603 15.7347C2.58925 14.9495 1.80732 14.1682 1.02539 13.3868C0.53202 12.8948 0.215127 12.3085 0.083732 11.6227C0.0744763 11.5736 0.0672157 11.523 0.0600389 11.4731L0.0515274 11.4148C0.05176 11.3992 0.052707 11.3834 0.0536549 11.3676C0.0579556 11.2958 0.0622765 11.2238 0 11.1656C0.00386455 11.0119 0.00386455 10.8608 0.00386455 10.7084ZM4.71962 16.8482C4.65361 16.8481 4.58581 16.8479 4.5153 16.8479C4.54641 16.9134 4.58419 16.9488 4.61858 16.981C4.62691 16.9888 4.63504 16.9964 4.64283 17.0042C5.65482 18.0187 6.66939 19.0346 7.68267 20.0491L7.68423 20.0507C7.78203 20.1487 7.87943 20.2473 7.97685 20.3459C8.22587 20.5979 8.47504 20.85 8.73153 21.0942C9.31507 21.6495 10.0171 21.9504 10.8184 21.9943C11.7974 22.0473 12.654 21.7309 13.3522 21.0386C14.4014 19.9977 15.4438 18.9515 16.4863 17.9052C16.8121 17.5781 17.138 17.251 17.4641 16.9241C17.4687 16.9195 17.4741 16.9152 17.4797 16.9107C17.5022 16.8926 17.527 16.8726 17.5105 16.826C17.463 16.826 17.4153 16.8258 17.3673 16.8257C17.2709 16.8254 17.1736 16.8251 17.0764 16.826C16.9025 16.8273 16.7311 16.8053 16.5611 16.773C15.8861 16.6452 15.3167 16.3236 14.8337 15.838C14.1357 15.1374 13.4365 14.438 12.7374 13.7385C12.3875 13.3884 12.0377 13.0384 11.6879 12.6882C11.6828 12.6829 11.6777 12.6777 11.6726 12.6724C11.6364 12.6348 11.5999 12.5969 11.5604 12.5629C11.4071 12.4325 11.2319 12.386 11.0322 12.4235C10.8802 12.4532 10.7669 12.5358 10.6612 12.6417C9.6062 13.7007 8.54989 14.7584 7.49229 15.8148C7.38924 15.9181 7.28361 16.0201 7.17153 16.1131C6.56609 16.6116 5.86532 16.8415 5.08725 16.8479C4.96691 16.8488 4.84657 16.8485 4.71962 16.8482Z"></path></g><defs><clipPath id="clip0"><rect width="22" height="22" fill="white"></rect></clipPath></defs>
</svg>
<span class="pagamento">PIX</span></a
>
</li>
<li>
<a href="#" id="opcao3-link" class="opcao-nao-selecionada opcoes" onclick="mostrar('opcao3', event)">
<svg width="26" viewBox="0 0 22 22" xmlns="https://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 3.66602H1.1V18.3327H0V3.66602ZM2.2 3.66602H4.4V18.3327H2.2V3.66602ZM6.6 3.66602H7.7V18.3327H6.6V3.66602ZM8.8 3.66602H12.1V18.3327H8.8V3.66602ZM13.2 3.66602H14.3V18.3327H13.2V3.66602ZM16.5 3.66602H17.6V18.3327H16.5V3.66602ZM18.7 3.66602H19.8V18.3327H18.7V3.66602ZM20.9 3.66602H22V18.3327H20.9V3.66602Z"></path>
</svg>
<span class="pagamento">Boleto</span></a
>
</li>
</ul>
<div id="opcao1" class="opcoes">
<div class="popup_parc">
<div class="variant-content" data-variant-id="">
<div class="tabelaJuros">
<span class="bodyTable">
<span class="divide">
<span class="rowTable"
>À vista
<span class="totalprice vezes-popup">{{ price | money }}</span>
</span>
{% assign percent = juros2 | times: price | divided_by: 100.0 %}
{% assign pricejuros2 = percent %}
{% assign full_price2 = pricejuros2 | plus: price | divided_by: 2 | money %}
<span class="rowTable">
<span class="vezes">2x</span>
{%- if settings.juros2 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce2 vezes-popup"> {{ full_price2 }}</span>
<span class="totalprice2 total-popup"
><span>Total:</span> {{ price | plus: pricejuros2 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros3 | times: price | divided_by: 100.0 %}
{% assign pricejuros3 = percent %}
{% assign full_price3 = pricejuros3 | plus: price | divided_by: 3 | money %}
<span class="vezes">3x</span>
{%- if settings.juros3 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce3 vezes-popup"> {{ full_price3 }}</span>
<span class="totalprice3 total-popup"
><span>Total:</span> {{ price | plus: pricejuros3 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros4 | times: price | divided_by: 100.0 %}
{% assign pricejuros4 = percent %}
{% assign full_price4 = pricejuros4 | plus: price | divided_by: 4 | money %}
<span class="vezes">4x</span>
{%- if settings.juros4 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce4 vezes-popup"> {{ full_price4 }}</span>
<span class="totalprice4 total-popup"
><span>Total:</span> {{ price | plus: pricejuros4 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros5 | times: price | divided_by: 100.0 %}
{% assign pricejuros5 = percent %}
{% assign full_price5 = pricejuros5 | plus: price | divided_by: 5 | money %}
<span class="vezes">5x</span>
{%- if settings.juros5 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce5 vezes-popup"> {{ full_price5 }}</span>
<span class="totalprice5 total-popup"
><span>Total:</span> {{ price | plus: pricejuros5 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros6 | times: price | divided_by: 100.0 %}
{% assign pricejuros6 = percent %}
{% assign full_price6 = pricejuros6 | plus: price | divided_by: 6 | money %}
<span class="vezes">6x</span>
{%- if settings.juros6 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce6 vezes-popup"> {{ full_price6 }}</span>
<span class="totalprice6 total-popup"
><span>Total:</span> {{ price | plus: pricejuros6 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros7 | times: price | divided_by: 100.0 %}
{% assign pricejuros7 = percent %}
{% assign full_price7 = pricejuros7 | plus: price | divided_by: 7 | money %}
<span class="vezes">7x</span>
{%- if settings.juros7 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce7 vezes-popup"> {{ full_price7 }}</span>
<span class="totalprice7 total-popup"
><span>Total:</span> {{ price | plus: pricejuros7 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros8 | times: price | divided_by: 100.0 %}
{% assign pricejuros8 = percent %}
{% assign full_price8 = pricejuros8 | plus: price | divided_by: 8 | money %}
<span class="vezes">8x</span>
{%- if settings.juros8 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce8 vezes-popup"> {{ full_price8 }}</span>
<span class="totalprice8 total-popup"
><span>Total:</span> {{ price | plus: pricejuros8 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros9 | times: price | divided_by: 100.0 %}
{% assign pricejuros9 = percent %}
{% assign full_price9 = pricejuros9 | plus: price | divided_by: 9 | money %}
<span class="vezes">9x</span>
{%- if settings.juros9 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce9 vezes-popup"> {{ full_price9 }}</span>
<span class="totalprice9 total-popup"
><span>Total:</span> {{ price | plus: pricejuros9 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros10 | times: price | divided_by: 100.0 %}
{% assign pricejuros10 = percent %}
{% assign full_price10 = pricejuros10 | plus: price | divided_by: 10 | money %}
<span class="vezes">10x</span>
{%- if settings.juros10 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce10 vezes-popup"> {{ full_price10 }}</span>
<span class="totalprice10 total-popup"
><span>Total:</span> {{ price | plus: pricejuros10 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros11 | times: price | divided_by: 100.0 %}
{% assign pricejuros11 = percent %}
{% assign full_price11 = pricejuros11 | plus: price | divided_by: 11 | money %}
<span class="vezes">11x</span>
{%- if settings.juros11 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce11 vezes-popup"> {{ full_price11 }}</span>
<span class="totalprice11 total-popup"
><span>Total:</span> {{ price | plus: pricejuros11 | money -}}
</span>
</span>
<span class="rowTable">
{% assign percent = juros12 | times: price | divided_by: 100.0 %}
{% assign pricejuros12 = percent %}
{% assign full_price12 = pricejuros12 | plus: price | divided_by: 12 | money %}
<span class="vezes">12x</span>
{%- if settings.juros12 == '0' -%}sem juros{%- else -%}com juros{%- endif -%}
de<span class="parce12 vezes-popup"> {{ full_price12 }}</span>
<span class="totalprice12 total-popup"
><span>Total:</span> {{ price | plus: pricejuros12 | money -}}
</span>
</span></span
>
</span>
</div>
</div>
</div>
<div class="sc-gfbRpc hMOJVn">
Cartões aceitos:
<div class="sc-ihNHHr kTqTAO">
<svg
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
width="38"
height="24"
style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd"
viewBox="0 0 25.89 16.35"
>
<path d="M23.85 0H2.04C.89 0 0 .89 0 2.04v12.27c0 1.16.95 2.04 2.04 2.04h21.81c1.16 0 2.04-.88 2.04-2.04V2.04C25.89.89 24.94 0 23.85 0z" style="fill:#b3b3b3;fill-rule:nonzero;fill-opacity:0.4"></path><path d="M23.85.68c.75 0 1.36.61 1.36 1.36v12.27c0 .75-.61 1.36-1.36 1.36H2.04c-.75 0-1.36-.61-1.36-1.36V2.04c0-.75.61-1.36 1.36-1.36h21.81z" style="fill:#fff;fill-rule:nonzero"></path><path d="M19.22 6.88h-.21c-.27.68-.47 1.01-.67 2.02h1.28c-.2-1.01-.2-1.48-.4-2.02zm1.94 3.97h-1.14c-.07 0-.07 0-.13-.07l-.14-.6-.06-.14h-1.62c-.07 0-.13 0-.13.14l-.2.6c0 .07-.07.07-.07.07h-1.41l.13-.34 1.95-4.57c0-.33.2-.47.54-.47h1.01c.06 0 .13 0 .13.14l.94 4.37c.07.26.14.47.14.73.06.07.06.07.06.14zm-9-.2.27-1.21c.06 0 .13.06.13.06.47.21.94.34 1.41.27.14 0 .34-.06.47-.13.34-.14.34-.47.07-.74-.14-.13-.34-.2-.54-.34-.27-.13-.54-.27-.74-.47-.8-.67-.54-1.61-.07-2.08.95-.63 2.13-.77 3.23-.4h.07c-.07.4-.14.73-.27 1.14-.34-.14-.67-.27-1.01-.27-.2 0-.4 0-.6.07-.14 0-.21.06-.27.13-.14.14-.14.34 0 .47l.33.27c.27.14.54.27.74.4.34.21.68.54.74.95.14.6-.06 1.14-.6 1.54-.34.27-.47.4-.94.4-.28 0-2.36 0-2.42-.06zm-2.36.2c.07-.47.07-.47.14-.67.33-1.48.67-3.03.94-4.51.07-.13.07-.2.2-.2h1.21c-.13.81-.27 1.41-.47 2.15-.2 1.01-.4 2.02-.67 3.03 0 .13-.07.13-.2.13l-1.15.07zM3.55 5.61c0-.07.14-.14.2-.14h2.29c.33 0 .6.2.67.54l.61 2.96c0 .06 0 .06.06.13 0-.07.07-.07.07-.07l1.41-3.42c-.07-.07 0-.14.07-.14h1.41c0 .07 0 .07-.07.14l-2.08 4.9c-.07.14-.07.2-.13.27-.07.07-.21 0-.34 0H6.71c-.07 0-.13 0-.13-.13L5.5 6.48c-.13-.14-.34-.34-.6-.4-.41-.21-1.15-.34-1.28-.34l-.07-.13z" style="fill:#142688;fill-rule:nonzero"></path>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
width="38"
height="24"
style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd"
viewBox="0 0 8.267 5.221"
>
<path d="M7.616 0H0.651C0.284 0 0 0.284 0 0.651v3.918c0 0.37 0.303 0.651 0.651 0.651h6.965c0.37 0 0.651 -0.281 0.651 -0.651V0.651C8.267 0.284 7.964 0 7.616 0z" style="fill:#b3b3b3;fill-rule:nonzero;fill-opacity:0.4"></path><path d="M7.616 0.217c0.239 0 0.434 0.195 0.434 0.434v3.918c0 0.239 -0.195 0.434 -0.434 0.434H0.651c-0.239 0 -0.434 -0.195 -0.434 -0.434V0.651c0 -0.239 0.195 -0.434 0.434 -0.434h6.965z" style="fill:#fff;fill-rule:nonzero"></path><path cx="10.14" cy="8.18" r="4.77" style="fill:#eb001b;fill-rule:nonzero" d="M4.761 2.612A1.523 1.523 0 0 1 3.238 4.135A1.523 1.523 0 0 1 1.715 2.612A1.523 1.523 0 0 1 4.761 2.612z"></path><path cx="15.59" cy="8.18" r="4.77" style="fill:#f79e1b;fill-rule:nonzero" d="M6.502 2.612A1.523 1.523 0 0 1 4.978 4.135A1.523 1.523 0 0 1 3.455 2.612A1.523 1.523 0 0 1 6.502 2.612z"></path><path d="M4.761 2.612c0 -0.524 -0.262 -0.98 -0.651 -1.242 -0.393 0.284 -0.655 0.741 -0.655 1.242 0 0.498 0.262 0.977 0.655 1.239a1.49 1.49 0 0 0 0.651 -1.239z" style="fill:#ff5f00;fill-rule:nonzero"></path>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
width="38"
height="24"
style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd"
viewBox="0 0 8.526 5.387"
>
<path d="M7.852 0H0.674C0.291 0 0 0.291 0 0.674v4.039c0 0.38 0.313 0.674 0.674 0.674h7.178c0.383 0 0.674 -0.294 0.674 -0.674V0.674C8.526 0.291 8.213 0 7.852 0z" style="fill:#b3b3b3;fill-rule:nonzero;fill-opacity:0.4"></path><path d="M7.852 0.224c0.249 0 0.45 0.204 0.45 0.45v4.039c0 0.246 -0.201 0.447 -0.45 0.447H0.674c-0.246 0 -0.45 -0.201 -0.45 -0.447V0.674C0.224 0.428 0.428 0.224 0.674 0.224h7.178z" style="fill:#fff;fill-rule:nonzero"></path><path d="m2.286 2.373 0.169 0.354H2.101l0.185 -0.354zM5.429 2.928h-0.594v-0.192H5.429v-0.176h-0.594v-0.156H5.429v-0.15l0.441 0.399L5.429 3.053v-0.125zm0.616 -0.415 -0.294 -0.284h-1.169v0.875h1.13l0.323 -0.287 0.323 0.287h0.3l-0.46 -0.444 0.473 -0.431h-0.313l-0.313 0.284zm-1.686 -0.284h-0.409l-0.307 0.588 -0.329 -0.588H2.906v0.849L2.484 2.229h-0.383L1.651 3.104h0.275l0.093 -0.198h0.524l0.105 0.198h0.508V2.392L3.513 3.104h0.239l0.358 -0.699v0.699h0.249V2.229zM2.373 3.101H0.437h1.935zm-0.176 -0.013 -0.093 0.192H1.281l0.651 -1.226h1.549l0.156 0.271 0.147 -0.271h2.088l0.179 0.169 0.192 -0.169h0.971l-0.69 0.613 0.658 0.613h-0.939l-0.211 -0.179 -0.208 0.179H2.475l-0.102 -0.192h-0.179z" style="fill:#129ad7;fill-rule:nonzero"></path>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
width="38"
height="24"
style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd"
viewBox="0 0 8.526 5.387"
>
<path d="M7.852 0H0.674C0.291 0 0 0.291 0 0.674v4.039c0 0.38 0.313 0.674 0.674 0.674h7.178c0.383 0 0.674 -0.294 0.674 -0.674V0.674C8.526 0.291 8.213 0 7.852 0z" style="fill:#b3b3b3;fill-rule:nonzero;fill-opacity:0.4"></path><path d="M7.852 0.224c0.249 0 0.45 0.204 0.45 0.45v4.039c0 0.246 -0.201 0.447 -0.45 0.447H0.674c-0.246 0 -0.45 -0.201 -0.45 -0.447V0.674C0.224 0.428 0.428 0.224 0.674 0.224h7.178z" style="fill:#fff;fill-rule:nonzero"></path><path d="M2.251 2.047c0.07 -0.022 0.141 -0.035 0.211 -0.035 0.326 0 0.594 0.227 0.655 0.524l0.457 -0.089c-0.102 -0.508 -0.562 -0.891 -1.111 -0.891 -0.125 0 -0.246 0.019 -0.358 0.057l0.147 0.434z" style="fill:#ffca05"></path><path d="m1.721 3.519 0.313 -0.348a0.651 0.651 0 0 1 -0.23 -0.495c0 -0.198 0.089 -0.374 0.23 -0.495l-0.313 -0.345c-0.239 0.204 -0.39 0.505 -0.39 0.84 0 0.335 0.15 0.635 0.39 0.843z" style="fill:#00a4df"></path><path d="M3.117 2.816c-0.061 0.3 -0.329 0.524 -0.655 0.524 -0.07 0 -0.141 -0.01 -0.211 -0.032l-0.147 0.434c0.112 0.035 0.233 0.057 0.358 0.057 0.549 0 1.009 -0.383 1.114 -0.891l-0.46 -0.093z" style="fill:#ee4123"></path><path d="m4.873 3.046 -0.016 -0.01c-0.038 0.061 -0.096 0.109 -0.169 0.141 -0.137 0.064 -0.268 0.048 -0.361 -0.035l-0.01 0.013 -0.156 0.239c0.038 0.026 0.08 0.051 0.125 0.067 0.176 0.073 0.354 0.07 0.53 -0.006 0.128 -0.054 0.23 -0.141 0.297 -0.249l-0.239 -0.16zM4.375 2.456c-0.147 0.064 -0.224 0.204 -0.208 0.367l0.626 -0.271c-0.109 -0.125 -0.246 -0.169 -0.418 -0.096zm-0.415 0.728c-0.016 -0.029 -0.032 -0.061 -0.045 -0.093a0.667 0.667 0 0 1 -0.016 -0.508c0.067 -0.185 0.195 -0.326 0.361 -0.396 0.208 -0.089 0.437 -0.073 0.635 0.045 0.128 0.073 0.217 0.188 0.284 0.345 0.01 0.022 0.016 0.045 0.026 0.061l-1.245 0.546zm1.68 -1.348V3.161l0.204 0.083 -0.115 0.275 -0.227 -0.096a0.25 0.25 0 0 1 -0.112 -0.093 0.302 0.302 0 0 1 -0.045 -0.166V1.836h0.294zm0.53 0.987c0 0.109 0.048 0.211 0.128 0.284l-0.211 0.236c-0.147 -0.134 -0.23 -0.323 -0.23 -0.521 0 -0.198 0.083 -0.386 0.233 -0.517l0.211 0.236c-0.083 0.07 -0.131 0.172 -0.131 0.281zm0.377 0.377c0.179 0 0.329 -0.128 0.364 -0.3l0.31 0.064a0.688 0.688 0 0 1 -0.894 0.517l0.102 -0.3c0.035 0.013 0.073 0.019 0.118 0.019zm0 -1.07c0.332 0 0.61 0.239 0.674 0.556l-0.31 0.064a0.369 0.369 0 0 0 -0.482 -0.281l-0.099 -0.3c0.067 -0.026 0.144 -0.038 0.217 -0.038z" style="fill:#000"></path>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
width="38"
height="24"
style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd"
viewBox="0 0 8.526 5.387"
>
<path d="M7.852 0H0.674C0.291 0 0 0.291 0 0.674v4.039c0 0.38 0.313 0.674 0.674 0.674h7.178c0.383 0 0.674 -0.294 0.674 -0.674V0.674C8.526 0.291 8.213 0 7.852 0z" style="fill:#b3b3b3;fill-rule:nonzero;fill-opacity:0.4"></path><path d="M7.852 0.224c0.249 0 0.45 0.204 0.45 0.45v4.039c0 0.246 -0.201 0.447 -0.45 0.447H0.674c-0.246 0 -0.45 -0.201 -0.45 -0.447V0.674C0.224 0.428 0.428 0.224 0.674 0.224h7.178z" style="fill:#fff;fill-rule:nonzero"></path><path d="M2.903 1.383H2.277c-0.278 0.013 -0.501 0.125 -0.568 0.354 -0.035 0.118 -0.054 0.249 -0.08 0.374 -0.134 0.632 -0.255 1.281 -0.383 1.9h4.87c0.38 0 0.635 -0.08 0.706 -0.377 0.032 -0.141 0.064 -0.297 0.096 -0.45l0.367 -1.801H2.903z" style="fill:#912426"></path><path d="M5.419 2.954c-0.067 0.064 -0.255 0.083 -0.236 -0.077 0.016 -0.131 0.16 -0.16 0.316 -0.137 -0.013 0.07 -0.026 0.163 -0.08 0.214zm-0.211 -0.514c-0.01 0.035 -0.019 0.07 -0.026 0.102 0.077 -0.019 0.319 -0.08 0.342 0.026 0.01 0.032 -0.006 0.07 -0.016 0.096 -0.217 -0.019 -0.396 0.016 -0.441 0.172 -0.032 0.105 0.003 0.208 0.067 0.236 0.131 0.054 0.287 -0.01 0.342 -0.096 -0.006 0.029 -0.01 0.061 -0.01 0.096h0.112c0.003 -0.105 0.019 -0.195 0.035 -0.291 0.013 -0.083 0.042 -0.166 0.035 -0.239 -0.01 -0.166 -0.287 -0.109 -0.441 -0.102zm1.13 0.565c-0.089 0 -0.131 -0.054 -0.134 -0.144 -0.003 -0.16 0.067 -0.335 0.208 -0.351 0.067 -0.01 0.115 0.006 0.163 0.022 -0.045 0.179 -0.029 0.466 -0.236 0.473zm0.294 -0.84c-0.01 0.099 -0.026 0.192 -0.045 0.284 -0.323 -0.102 -0.521 0.134 -0.517 0.425 0.003 0.057 0.01 0.115 0.045 0.153 0.064 0.07 0.236 0.086 0.326 0.029 0.016 -0.013 0.035 -0.032 0.045 -0.048 0.01 -0.01 0.022 -0.038 0.026 -0.029 -0.006 0.032 -0.013 0.061 -0.013 0.093h0.118c0.022 -0.326 0.096 -0.61 0.147 -0.907h-0.131zM3.273 2.957c-0.07 0.073 -0.246 0.07 -0.259 -0.054 -0.003 -0.054 0.016 -0.112 0.026 -0.166 0.01 -0.057 0.016 -0.115 0.026 -0.163 0.07 -0.086 0.275 -0.096 0.294 0.045 0.019 0.121 -0.029 0.275 -0.086 0.338zm0.102 -0.517c-0.112 -0.042 -0.246 0.006 -0.303 0.054 0 0.003 -0.003 0.003 -0.006 0.003 0.003 0 0.003 -0.003 0.006 -0.003 0 -0.022 0.006 -0.035 0.006 -0.054h-0.112c-0.048 0.313 -0.102 0.616 -0.163 0.916h0.131c0.019 -0.115 0.032 -0.239 0.057 -0.348 0.032 0.115 0.227 0.093 0.31 0.048 0.169 -0.093 0.3 -0.53 0.073 -0.616zm0.623 0.217h-0.307c0.006 -0.07 0.07 -0.147 0.172 -0.15 0.093 -0.003 0.163 0.035 0.134 0.15zm-0.125 -0.23c-0.096 0.006 -0.176 0.035 -0.233 0.096 -0.07 0.073 -0.128 0.233 -0.109 0.383 0.022 0.211 0.287 0.204 0.498 0.153 0.003 -0.038 0.013 -0.07 0.016 -0.102 -0.086 0.032 -0.236 0.077 -0.326 0.019 -0.067 -0.042 -0.067 -0.15 -0.048 -0.243 0.144 -0.006 0.291 -0.006 0.434 0 0.006 -0.067 0.032 -0.141 0.01 -0.208 -0.029 -0.086 -0.134 -0.109 -0.243 -0.099zm-1.156 0.013c-0.003 0 -0.003 0.006 -0.003 0.01 -0.026 0.214 -0.067 0.422 -0.109 0.623h0.131c0.032 -0.217 0.067 -0.428 0.115 -0.632h-0.134zm3.426 0.003c-0.115 -0.057 -0.214 0.038 -0.249 0.099 0.01 -0.032 0.01 -0.073 0.022 -0.102h-0.118c-0.032 0.217 -0.067 0.428 -0.112 0.632h0.134c0 -0.083 0.016 -0.144 0.029 -0.227 0.029 -0.176 0.07 -0.37 0.275 -0.313 0.01 -0.029 0.013 -0.064 0.019 -0.089zm-1.472 0.482a0.255 0.255 0 0 1 -0.016 -0.121c0.01 -0.089 0.038 -0.198 0.089 -0.246 0.07 -0.067 0.204 -0.057 0.313 -0.016 0.003 -0.038 0.01 -0.07 0.013 -0.105 -0.176 -0.029 -0.342 -0.013 -0.431 0.083 -0.086 0.089 -0.144 0.3 -0.102 0.434 0.045 0.153 0.259 0.163 0.428 0.102l0.019 -0.099c-0.093 0.048 -0.275 0.073 -0.313 -0.032zm-0.077 -0.485c-0.115 -0.048 -0.208 0.032 -0.249 0.105 0.01 -0.032 0.013 -0.07 0.022 -0.105h-0.115c-0.029 0.22 -0.073 0.425 -0.112 0.632h0.131c0.019 -0.121 0.026 -0.287 0.067 -0.409 0.032 -0.093 0.118 -0.172 0.243 -0.131 0 -0.035 0.01 -0.061 0.013 -0.093zm-2.114 -0.259c-0.019 0.121 -0.038 0.243 -0.061 0.361 -0.137 0.003 -0.275 0.006 -0.409 0 0.026 -0.118 0.045 -0.243 0.067 -0.361h-0.144c-0.054 0.3 -0.099 0.6 -0.16 0.891h0.15c0.022 -0.147 0.045 -0.297 0.077 -0.441 0.128 -0.003 0.281 -0.01 0.402 0.003 -0.026 0.147 -0.054 0.291 -0.08 0.437h0.15c0.048 -0.3 0.099 -0.6 0.16 -0.891h-0.153zm0.374 0.137c0.026 -0.019 0.057 -0.102 0.019 -0.137 -0.013 -0.01 -0.032 -0.013 -0.061 -0.006 -0.026 0.003 -0.042 0.013 -0.051 0.026 -0.019 0.022 -0.032 0.093 -0.006 0.118 0.026 0.022 0.08 0.01 0.099 0z" style="fill:#fefefe"></path>
</svg>
<svg
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
width="38"
height="24"
style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd"
viewBox="0 0 8.526 5.387"
>
<path d="M7.852 0H0.674C0.291 0 0 0.291 0 0.674v4.039c0 0.38 0.313 0.674 0.674 0.674h7.178c0.383 0 0.674 -0.294 0.674 -0.674V0.674C8.526 0.291 8.213 0 7.852 0z" style="fill:#b3b3b3;fill-rule:nonzero;fill-opacity:0.4"></path><path d="M7.852 0.224c0.249 0 0.45 0.204 0.45 0.45v4.039c0 0.246 -0.201 0.447 -0.45 0.447H0.674c-0.246 0 -0.45 -0.201 -0.45 -0.447V0.674C0.224 0.428 0.428 0.224 0.674 0.224h7.178z" style="fill:#fff;fill-rule:nonzero"></path><path d="M4.375 2.749c0.479 0 0.897 -0.383 0.897 -0.84 0 -0.514 -0.418 -0.856 -0.897 -0.856h-0.399c-0.476 0 -0.856 0.342 -0.856 0.856 0 0.457 0.38 0.84 0.856 0.84h0.399z" style="fill:#0057a6;fill-rule:nonzero"></path><path d="M3.976 1.111c-0.418 0 -0.779 0.361 -0.779 0.779 0 0.437 0.361 0.782 0.779 0.782 0.437 0 0.782 -0.345 0.782 -0.782 0 -0.418 -0.345 -0.779 -0.782 -0.779zM3.481 1.89c0 -0.211 0.134 -0.38 0.326 -0.457v0.932c-0.192 -0.077 -0.326 -0.246 -0.326 -0.476zm0.687 0.476V1.434c0.172 0.077 0.303 0.246 0.303 0.457 0 0.23 -0.131 0.399 -0.303 0.476z" style="fill:#fefefe;fill-rule:nonzero"></path><path d="M6.147 3.854c0.038 0 0.057 0.016 0.057 0.054 0 0.019 -0.019 0.038 -0.057 0.038 -0.019 0 -0.038 -0.019 -0.038 -0.038 0 -0.038 0.019 -0.054 0.038 -0.054zm0 0.093c0.019 0 0.038 -0.019 0.038 -0.038 0 -0.038 -0.019 -0.054 -0.038 -0.054s-0.038 0.016 -0.038 0.054c0 0.019 0.019 0.038 0.038 0.038zm-0.019 -0.019v-0.057h0.019c0.019 0 0.019 0 0.019 0.019v0.019s0 0.019 0.019 0.019h-0.019s0 -0.019 -0.019 -0.019v0.019h-0.019zm0.019 -0.019 0.019 -0.019c0 -0.019 -0.019 -0.019 -0.019 -0.019v0.038z" style="fill:#2f3031;fill-rule:nonzero"></path><path d="M2.663 3.529c0.073 0 0.112 -0.019 0.169 -0.038 0.038 -0.019 0.077 -0.057 0.115 -0.115 0.019 -0.038 0.019 -0.073 0.019 -0.112 0 -0.057 -0.019 -0.096 -0.057 -0.134s-0.096 -0.038 -0.172 -0.038H2.587c0.019 0 0.038 0 0.057 0.019v0.057l-0.096 0.284c0 0.019 0 0.038 -0.019 0.038 -0.019 0.019 -0.019 0.019 -0.057 0.019v0.019h0.192zm0.131 -0.399c0.019 0 0.038 0.019 0.057 0.038v0.077c0 0.038 0 0.093 -0.019 0.131s-0.038 0.077 -0.057 0.096c-0.038 0.019 -0.057 0.019 -0.093 0.019h-0.019c-0.019 0 -0.019 0 -0.019 -0.019 0 0 0 -0.019 0.019 -0.019l0.093 -0.342c0.019 0 0.038 0 0.038 0.019zm0.307 -0.038c-0.019 0 -0.019 0.019 -0.019 0.038 0 0 0 0.019 0.019 0.019 0 0.019 0.019 0.019 0.038 0.019 0 0 0.019 0 0.019 -0.019 0.019 0 0.019 -0.019 0.019 -0.019 0 -0.019 0 -0.038 -0.019 -0.038 0 -0.019 -0.019 -0.019 -0.019 -0.019 -0.019 0 -0.038 0 -0.038 0.019zm0.038 0.134 -0.115 0.019v0.019h0.019c0.019 0 0.019 0 0.019 0.019l-0.019 0.019 -0.038 0.15c0 0.019 -0.019 0.038 -0.019 0.038 0 0.019 0.019 0.019 0.019 0.038h0.038c0.038 0 0.077 -0.019 0.096 -0.077v-0.019c-0.019 0.019 -0.019 0.038 -0.038 0.057h-0.019v-0.038l0.077 -0.227h-0.019zm0.188 0 -0.112 0.019v0.019h0.038v0.019s0 0.019 -0.019 0.038l-0.057 0.208h0.077l0.035 -0.096c0.019 -0.057 0.057 -0.112 0.096 -0.131 0 -0.019 0.019 -0.019 0.019 -0.019h0.019v0.038l-0.057 0.131v0.038c0 0.019 0 0.019 0.019 0.019 0 0.019 0.019 0.019 0.019 0.019 0.038 0 0.077 -0.019 0.115 -0.077l-0.019 -0.019c0 0.019 0 0.019 -0.019 0.019 0 0.019 0 0.019 -0.019 0.038v-0.038l0.038 -0.131c0 -0.019 0.019 -0.038 0.019 -0.038 0 -0.019 -0.019 -0.038 -0.019 -0.038 -0.019 -0.019 -0.019 -0.019 -0.038 -0.019 0 0 -0.019 0 -0.038 0.019 -0.019 0 -0.038 0.019 -0.057 0.038s-0.038 0.038 -0.057 0.073l0.038 -0.131h-0.019zm0.383 0.169c0.019 -0.019 0.038 -0.019 0.057 -0.038 0.019 0 0.038 -0.019 0.054 -0.038v-0.073c-0.016 -0.019 -0.035 -0.019 -0.054 -0.019 -0.038 0 -0.057 0 -0.096 0.038 -0.038 0.019 -0.077 0.038 -0.096 0.073 -0.019 0.038 -0.019 0.077 -0.019 0.115 0 0.019 0 0.038 0.019 0.057 0 0.019 0.038 0.019 0.077 0.019 0.019 0 0.057 0 0.077 -0.019 0.019 0 0.038 -0.019 0.077 -0.057h-0.019c-0.019 0.019 -0.038 0.019 -0.057 0.019 -0.019 0.019 -0.019 0.019 -0.038 0.019s-0.038 0 -0.038 -0.019c-0.019 0 -0.019 -0.019 -0.019 -0.038v-0.038h0.077zm0 -0.131c0 -0.019 0.019 -0.019 0.019 -0.019h0.019v0.073c-0.019 0 -0.019 0.019 -0.038 0.038l-0.019 0.019h-0.057c0.019 -0.038 0.038 -0.073 0.077 -0.112zm0.265 -0.038 -0.115 0.019v0.019h0.038s0.019 0 0.019 0.019l-0.019 0.019 -0.057 0.227h0.077c0.019 -0.057 0.019 -0.077 0.038 -0.096 0 -0.019 0 -0.038 0.019 -0.057 0.019 -0.038 0.019 -0.038 0.019 -0.054 0.019 0 0.019 -0.019 0.019 -0.019h0.019l0.019 0.019h0.038v-0.096h-0.019c-0.019 0 -0.019 0 -0.038 0.019s-0.057 0.077 -0.096 0.169l0.057 -0.188h-0.019zm0.345 0s0 0.019 -0.019 0.019c0 0 0 -0.019 -0.019 -0.019h-0.057c-0.019 0 -0.038 0 -0.057 0.019s-0.038 0.038 -0.038 0.057c0 0.016 0.019 0.035 0.019 0.035 0 0.019 0.019 0.038 0.038 0.077 0.019 0.019 0.038 0.019 0.038 0.038 0.019 0 0.019 0.019 0.019 0.019 0 0.019 -0.019 0.019 -0.019 0.038h-0.057c-0.019 0 -0.019 -0.019 -0.038 -0.019 0 -0.019 0 -0.038 -0.019 -0.057l-0.019 0.096h0.115c0.019 0 0.038 0 0.038 -0.019 0.019 0 0.038 -0.019 0.057 -0.019v-0.096c-0.019 -0.019 -0.038 -0.038 -0.077 -0.073 0 -0.019 0 -0.019 -0.019 -0.038v-0.019l0.019 -0.019h0.019c0.019 0 0.038 0 0.038 0.019 0.019 0.019 0.019 0.038 0.038 0.054l0.019 -0.093h-0.019zm0.664 -0.153c-0.019 0.019 -0.019 0.019 -0.038 0.019h-0.019c-0.035 -0.019 -0.054 -0.019 -0.073 -0.019 -0.038 0 -0.096 0.019 -0.153 0.038 -0.038 0.038 -0.077 0.077 -0.096 0.115 -0.038 0.038 -0.038 0.093 -0.038 0.131 0 0.057 0 0.096 0.038 0.134 0.038 0.019 0.077 0.038 0.134 0.038 0.038 0 0.077 0 0.096 -0.019 0.038 -0.019 0.057 -0.038 0.073 -0.077 -0.035 0.019 -0.054 0.038 -0.073 0.038 -0.019 0.019 -0.038 0.019 -0.077 0.019 -0.019 0 -0.057 0 -0.077 -0.019 0 -0.019 -0.019 -0.057 -0.019 -0.096s0 -0.073 0.019 -0.112c0.019 -0.057 0.057 -0.096 0.077 -0.134 0.038 -0.019 0.077 -0.038 0.096 -0.038 0.038 0 0.054 0.019 0.073 0.038s0.019 0.038 0.019 0.077h0.019l0.019 -0.134zm0.172 0 -0.115 0.019v0.019h0.019c0.019 0 0.019 0 0.019 0.019 0 0 0 0.019 -0.019 0.019l-0.077 0.303c-0.019 0.019 -0.019 0.038 -0.019 0.038 0 0.019 0 0.019 0.019 0.038h0.038s0.019 0 0.038 -0.019c0.019 0 0.038 -0.019 0.057 -0.057h-0.019c0 0.019 -0.019 0.019 -0.019 0.038h-0.019v-0.057l0.115 -0.361h-0.019zm0.172 0.153 -0.115 0.019v0.019h0.019v0.054l-0.038 0.134c-0.019 0.019 -0.019 0.019 -0.019 0.038s0 0.019 0.019 0.038h0.057c0.019 -0.019 0.038 -0.019 0.057 -0.057 0 0 0.038 -0.038 0.057 -0.077l-0.019 0.057v0.077h0.038c0.038 0 0.073 -0.019 0.093 -0.077 -0.019 0.019 -0.035 0.019 -0.035 0.038h-0.019v-0.019l0.019 -0.019 0.054 -0.227 -0.073 0.019 -0.038 0.093c-0.019 0.038 -0.057 0.077 -0.077 0.115 -0.019 0.019 -0.019 0.019 -0.038 0.019v-0.019l0.077 -0.227h-0.019zm0.38 -0.153 -0.115 0.019v0.019h0.038v0.057l-0.115 0.342c0.038 0.019 0.077 0.019 0.115 0.019 0.057 0 0.096 -0.019 0.134 -0.057s0.057 -0.096 0.057 -0.15c0 -0.019 0 -0.057 -0.019 -0.077 0 -0.019 -0.019 -0.019 -0.057 -0.019h-0.038c0 0.019 -0.019 0.019 -0.038 0.038l0.057 -0.192h-0.019zm-0.057 0.284c0 -0.038 0.019 -0.054 0.019 -0.054 0.019 -0.019 0.019 -0.038 0.038 -0.038s0.019 0.019 0.019 0.019c0.019 0 0.019 0.019 0.019 0.035 0 0.019 0 0.057 -0.019 0.077 0 0.038 -0.019 0.057 -0.038 0.077 0 0.019 -0.019 0.019 -0.038 0.038h-0.038l0.038 -0.153zm-3.181 0.552c0.019 0 0.019 0 0.019 0.019 0 0 0 0.019 -0.019 0.038l-0.077 0.287c0 0.019 -0.019 0.038 -0.019 0.038 -0.019 0.019 -0.038 0.019 -0.057 0.019v0.019h0.23v-0.019H2.491v-0.057l0.096 -0.287c0 -0.038 0 -0.057 0.019 -0.057 0.019 -0.019 0.019 -0.019 0.038 -0.019h0.019c0.019 0 0.038 0 0.038 0.019zm0.284 0.115 -0.112 0.019v0.019h0.038v0.057l-0.077 0.211h0.096l0.016 -0.096c0.038 -0.057 0.057 -0.115 0.096 -0.134 0.019 -0.019 0.019 -0.019 0.038 -0.019v0.038l-0.038 0.134c0 0.019 -0.019 0.019 -0.019 0.038s0.019 0.019 0.019 0.019c0 0.019 0.019 0.019 0.038 0.019 0.038 0 0.057 -0.038 0.096 -0.077l-0.019 -0.019v0.019l-0.019 0.019c0 0.019 -0.019 0.019 -0.019 0.019v-0.038l0.057 -0.134v-0.057s0 -0.019 -0.019 -0.019c0 -0.019 -0.019 -0.019 -0.019 -0.019h-0.057c0 0.019 -0.019 0.038 -0.038 0.057l-0.077 0.077 0.038 -0.134h-0.019zm0.402 -0.077c-0.038 0.019 -0.057 0.038 -0.077 0.057s-0.038 0.038 -0.077 0.038v0.019h0.038l-0.057 0.192v0.038c0 0.019 0 0.019 0.019 0.038h0.019c0.019 0 0.038 0 0.057 -0.019 0.019 0 0.038 -0.019 0.057 -0.057h-0.019l-0.038 0.038h-0.019v-0.038l0.077 -0.192h0.038v-0.038h-0.038l0.038 -0.077h-0.019zm0.169 0.249c0.019 -0.019 0.038 -0.019 0.057 -0.038 0.019 0 0.038 -0.019 0.057 -0.038v-0.077c-0.019 -0.019 -0.038 -0.019 -0.057 -0.019s-0.057 0 -0.096 0.038c-0.035 0.019 -0.073 0.038 -0.093 0.077 -0.019 0.038 -0.019 0.077 -0.019 0.115 0 0.019 0 0.038 0.019 0.057s0.038 0.019 0.073 0.019c0.019 0 0.057 0 0.077 -0.019 0.019 0 0.038 -0.019 0.077 -0.057h-0.019c-0.019 0 -0.038 0.019 -0.057 0.019 0 0.019 -0.019 0.019 -0.038 0.019s-0.038 0 -0.038 -0.019c0 0 -0.016 -0.019 -0.016 -0.038v-0.038h0.073zm0 -0.134c0 -0.019 0.019 -0.019 0.038 -0.019l0.019 0.019c0 0.019 -0.019 0.038 -0.019 0.038 0 0.019 -0.019 0.038 -0.019 0.057 -0.019 0 -0.038 0 -0.038 0.019h-0.038c0 -0.038 0.019 -0.077 0.057 -0.115zm0.268 -0.038 -0.096 0.019h-0.019c0.019 0 0.038 0.019 0.038 0.019 0.019 0 0.019 0 0.019 0.019 0 0 0 0.019 -0.019 0.019l-0.057 0.23h0.077c0.019 -0.057 0.019 -0.077 0.038 -0.096 0 -0.019 0.019 -0.038 0.019 -0.057 0.019 -0.038 0.019 -0.038 0.038 -0.057 0 -0.019 0 -0.019 0.019 -0.019l0.019 0.019h0.038c0 -0.019 0.019 -0.038 0.019 -0.057s-0.019 -0.019 -0.019 -0.038h-0.019c-0.019 0 -0.019 0 -0.038 0.019s-0.057 0.077 -0.096 0.153l0.057 -0.172h-0.019zm0.284 0 -0.112 0.019 -0.019 0.019h0.038v0.057l-0.057 0.211h0.077l0.016 -0.096c0.038 -0.057 0.077 -0.115 0.096 -0.134s0.038 -0.019 0.038 -0.019h0.019c0 0.019 0 0.019 -0.019 0.038l-0.038 0.134v0.057c0.019 0.019 0.019 0.019 0.038 0.019 0.038 0 0.077 -0.038 0.096 -0.077v-0.019l-0.019 0.019c0 0.019 -0.019 0.019 -0.019 0.019v0.019c-0.019 0 -0.019 0 -0.019 -0.019v-0.019l0.057 -0.134v-0.077c-0.019 -0.019 -0.019 -0.019 -0.038 -0.019h-0.038l-0.057 0.057 -0.077 0.077 0.057 -0.134h-0.019zm0.441 0v0.038c0 -0.019 -0.019 -0.019 -0.019 -0.038h-0.038c-0.019 0 -0.038 0 -0.057 0.019 -0.038 0.038 -0.057 0.057 -0.077 0.096s-0.038 0.077 -0.038 0.115c0 0.019 0 0.038 0.019 0.057 0 0.019 0.019 0.019 0.038 0.019s0.038 0 0.038 -0.019c0.038 -0.019 0.057 -0.038 0.077 -0.077v0.019c-0.019 0.019 -0.019 0.038 -0.019 0.038 0 0.019 0 0.019 0.019 0.038h0.019c0.019 0 0.038 0 0.057 -0.019 0.016 -0.019 0.035 -0.038 0.054 -0.057h-0.019l-0.019 0.019c0 0.019 -0.016 0.019 -0.016 0.019v-0.057l0.054 -0.211h-0.073zm-0.057 0.172c0 0.019 -0.019 0.038 -0.038 0.057 0 0.019 -0.019 0.019 -0.019 0.019h-0.019v-0.038c0 -0.019 0 -0.057 0.019 -0.096s0.038 -0.077 0.038 -0.096h0.038c0.019 0.019 0.019 0.019 0.019 0.038 0 0.038 -0.019 0.077 -0.038 0.115zm0.323 -0.249 -0.057 0.057c-0.019 0.019 -0.057 0.038 -0.077 0.038v0.019h0.038l-0.057 0.192v0.077H4.471c0.019 0 0.038 0 0.057 -0.019 0.019 0 0.038 -0.019 0.038 -0.057l-0.038 0.038h-0.019v-0.038l0.057 -0.192h0.038l0.019 -0.038h-0.038l0.019 -0.077h-0.019zm0.134 -0.057c-0.019 0 -0.019 0.019 -0.019 0.038 0 0 0 0.019 0.019 0.019 0 0.019 0.019 0.019 0.038 0.019 0 0 0.019 0 0.019 -0.019 0.019 0 0.019 -0.019 0.019 -0.019 0 -0.019 0 -0.038 -0.019 -0.038 0 -0.019 -0.019 -0.019 -0.019 -0.019 -0.019 0 -0.038 0 -0.038 0.019zm0.038 0.134 -0.115 0.019c0.019 0 0.019 0.019 0.019 0.019h0.019c0 0.019 0 0.019 -0.019 0.038l-0.038 0.153c0 0.019 -0.019 0.038 -0.019 0.038 0 0.019 0.019 0.019 0.019 0.019 0.019 0.019 0.019 0.019 0.038 0.019 0.038 0 0.077 -0.019 0.096 -0.096l-0.038 0.038c0 0.019 0 0.019 -0.019 0.019v-0.038l0.077 -0.23h-0.019zm0.169 0.019c-0.019 0 -0.035 0.019 -0.054 0.038 -0.019 0.019 -0.038 0.057 -0.057 0.077 0 0.019 -0.019 0.057 -0.019 0.077 0 0.038 0.019 0.057 0.038 0.077 0 0.019 0.038 0.019 0.057 0.019 0.035 0 0.073 0 0.093 -0.019 0.038 -0.038 0.057 -0.057 0.077 -0.096s0.038 -0.077 0.038 -0.096 0 -0.038 -0.019 -0.057c0 -0.019 -0.019 -0.019 -0.038 -0.038h-0.038c-0.019 0 -0.057 0 -0.077 0.019zm0.077 0c0 0.019 0.019 0.019 0.019 0.038s-0.019 0.057 -0.019 0.077c-0.019 0.038 -0.019 0.077 -0.038 0.096s-0.019 0.038 -0.038 0.057h-0.035c0 -0.019 -0.019 -0.019 -0.019 -0.038 0 -0.038 0.019 -0.077 0.035 -0.134 0.019 -0.038 0.038 -0.077 0.057 -0.096h0.038zm0.268 -0.019 -0.115 0.019v0.019h0.038v0.057l-0.077 0.211h0.096l0.019 -0.096c0.038 -0.057 0.057 -0.115 0.096 -0.134 0.019 -0.019 0.019 -0.019 0.038 -0.019v0.038l-0.038 0.134c0 0.019 -0.019 0.019 -0.019 0.038s0.019 0.019 0.019 0.019c0 0.019 0.019 0.019 0.038 0.019 0.038 0 0.057 -0.038 0.096 -0.077l-0.019 -0.019v0.019l-0.019 0.019c0 0.019 -0.019 0.019 -0.019 0.019v-0.038l0.057 -0.134v-0.057s0 -0.019 -0.019 -0.019c0 -0.019 -0.019 -0.019 -0.019 -0.019h-0.057c0 0.019 -0.019 0.038 -0.038 0.057l-0.077 0.077 0.038 -0.134h-0.019zm0.457 0 -0.019 0.038v-0.038h-0.038c-0.019 0 -0.038 0 -0.077 0.019 -0.019 0.038 -0.057 0.057 -0.077 0.096s-0.019 0.077 -0.019 0.115c0 0.019 0 0.038 0.019 0.057 0 0.019 0.019 0.019 0.038 0.019s0.038 0 0.038 -0.019c0.019 -0.019 0.057 -0.038 0.077 -0.077v0.019c-0.019 0.019 -0.019 0.038 -0.019 0.038 0 0.019 0 0.019 0.019 0.038h0.019c0.019 0 0.038 0 0.057 -0.019l0.057 -0.057h-0.019c-0.019 0 -0.019 0.019 -0.019 0.019l-0.019 0.019h-0.019v-0.019l0.019 -0.038 0.057 -0.211h-0.077zm-0.057 0.172c-0.019 0.019 -0.019 0.038 -0.038 0.057s-0.019 0.019 -0.038 0.019c0 -0.019 -0.019 -0.019 -0.019 -0.038s0.019 -0.057 0.038 -0.096 0.019 -0.077 0.038 -0.096h0.038c0.019 0.019 0.019 0.019 0.019 0.038 0 0.038 -0.019 0.077 -0.038 0.115zm0.342 -0.326 -0.112 0.019v0.019h0.019c0.019 0 0.019 0 0.019 0.019l-0.019 0.019 -0.077 0.307c-0.019 0.019 -0.019 0.038 -0.019 0.038 0 0.019 0 0.019 0.019 0.038h0.038c0.019 0 0.019 0 0.038 -0.019 0.019 0 0.038 -0.019 0.057 -0.057 -0.019 0.019 -0.038 0.019 -0.038 0.038h-0.019v-0.057l0.112 -0.364h-0.019z" style="fill:#222124;fill-rule:nonzero"></path>
</svg>
</div>
</div>
</div>
<div id="opcao2" style="display:none" class="opcoes">
<!-- ocultar a informação das outras opções por padrão -->
<span class="sc-hbyLVd jfpeed">
<span></span>
{% assign percent_pix = pixdesc | times: price | divided_by: 100 %}
{% assign pix_off = price | minus: percent_pix %}
<div id="charge_price_pix" class="label-pix-bold-popup">{{ pix_off | money }}</div>
</span>
<span class="sc-oclUV jhwtFL"
><span
>À vista no Pix
{%- if settings.pixdesc >= '1' -%}
com <b>{{ settings.pixdesc }}% OFF</b>
{%- endif -%}
</span></span
>
<div class="sc-hLaujc fGRhuQ">
<svg width="50" height="50" viewBox="0 0 48 48" xmlns="https://www.w3.org/2000/svg">
<path d="M32.74 4H15.2598C13.2236 4 11.5669 5.65652 11.5669 7.69296V8.7234V37.0094V40.307C11.5669 42.3435 13.2236 44 15.2598 44H32.74C34.7763 44 36.433 42.3435 36.433 40.307V37.0094V8.7234V7.69296C36.433 5.65652 34.7763 4 32.74 4ZM22.9068 5.86235H25.0931C25.764 5.86235 26.3076 6.40599 26.3076 7.07692C26.3076 7.74785 25.764 8.2915 25.0931 8.2915H22.9068C22.2359 8.2915 21.6922 7.74785 21.6922 7.07692C21.6922 6.40599 22.2359 5.86235 22.9068 5.86235ZM23.9999 41.7328C22.9863 41.7328 22.1646 40.9111 22.1646 39.8975C22.1646 38.8839 22.9863 38.0622 23.9999 38.0622C25.0135 38.0622 25.8352 38.8839 25.8352 39.8975C25.8352 40.9111 25.0135 41.7328 23.9999 41.7328ZM34.0038 35.7948H13.996V9.93798H34.0038V35.7948ZM23.9999 15.5874C20.1528 15.5874 17.0229 18.7172 17.0229 22.5644C17.0229 26.4117 20.1528 29.5415 23.9999 29.5415C27.8472 29.5415 30.9771 26.4117 30.9771 22.5644C30.9769 18.7172 27.8471 15.5874 23.9999 15.5874ZM27.9408 21.4774L24.6134 25.5683C24.3739 25.8625 24.0241 26.0165 23.6704 26.0165C23.4195 26.0165 23.1671 25.9391 22.9505 25.7796L20.2804 23.8112C19.7405 23.4131 19.6254 22.6528 20.0234 22.1129C20.4216 21.5728 21.182 21.458 21.7217 21.8559L23.4597 23.1372L26.0563 19.9448C26.4794 19.4245 27.2446 19.3457 27.765 19.7689C28.2854 20.1919 28.3641 20.9571 27.9408 21.4774Z"></path>
</svg>
{{ settings.descricaopix }}
</div>
</div>
<div id="opcao3" style="display:none" class="opcoes">
<span class="sc-hbyLVd jfpeed">
<span></span>
{% assign percent_boleto = boletodesc | times: price | divided_by: 100 %}
{% assign boleto_off = price | minus: percent_boleto %}
<div id="charge_price_pix" class="label-pix-bold-popup">{{ boleto_off | money }}</div>
</span>
<span class="sc-oclUV jhwtFL"
><span
>À vista no Boleto
{%- if settings.boletodesc >= '1' -%}
com <b>{{ settings.boletodesc }}% OFF</b>
{%- endif -%}
</span></span
>
<div class="sc-hLaujc fGRhuQ">
<svg width="38" height="38" viewBox="0 0 36 36" xmlns="https://www.w3.org/2000/svg">
<g><path d="M5.14282 27.6426H7.71489V29.5712H5.14282V27.6426Z"></path><path d="M28.9286 21.8574C27.53 21.8574 26.1628 22.2722 24.9999 23.0492C23.837 23.8262 22.9307 24.9306 22.3955 26.2227C21.8602 27.5149 21.7202 28.9367 21.9931 30.3084C22.2659 31.6801 22.9394 32.9401 23.9284 33.9291C24.9173 34.918 26.1773 35.5915 27.549 35.8644C28.9208 36.1372 30.3426 35.9972 31.6347 35.462C32.9268 34.9268 34.0312 34.0204 34.8083 32.8575C35.5853 31.6946 36 30.3274 36 28.9288C35.9978 27.0541 35.2521 25.2567 33.9264 23.931C32.6007 22.6054 30.8034 21.8596 28.9286 21.8574ZM33.552 27.143L28.0974 32.5976C27.9768 32.7181 27.8133 32.7858 27.6429 32.7858C27.4724 32.7858 27.3089 32.7181 27.1884 32.5976L24.4614 29.87C24.3443 29.7487 24.2795 29.5863 24.281 29.4178C24.2824 29.2492 24.35 29.088 24.4692 28.9688C24.5884 28.8496 24.7497 28.782 24.9182 28.7805C25.0868 28.7791 25.2491 28.8439 25.3704 28.961L27.6429 31.2341L32.643 26.234C32.7643 26.1169 32.9267 26.0521 33.0952 26.0536C33.2638 26.055 33.425 26.1226 33.5442 26.2418C33.6634 26.361 33.731 26.5222 33.7325 26.6908C33.7339 26.8594 33.6691 27.0217 33.552 27.143Z"></path><path d="M12.8572 16.0723H15.4292V18.0008H12.8572V16.0723Z"></path><path d="M20.5714 16.0723H23.1428V18.0008H20.5714V16.0723Z"></path><path d="M5.14282 21.8574H7.71489V23.786H5.14282V21.8574Z"></path><path d="M12.8572 21.8574H15.4292V23.786H12.8572V21.8574Z"></path><path d="M5.14282 16.0723H7.71489V18.0008H5.14282V16.0723Z"></path><path d="M7.7143 6.42857C8.05498 6.42755 8.38142 6.29177 8.62232 6.05087C8.86322 5.80997 8.999 5.48354 9.00002 5.14286V1.28571C9.00002 0.944722 8.86456 0.617695 8.62344 0.376577C8.38232 0.135459 8.0553 0 7.7143 0C7.37331 0 7.04628 0.135459 6.80517 0.376577C6.56405 0.617695 6.42859 0.944722 6.42859 1.28571V5.14286C6.42961 5.48354 6.56539 5.80997 6.80629 6.05087C7.04719 6.29177 7.37362 6.42755 7.7143 6.42857Z"></path><path d="M17.9999 6.42857C18.3406 6.42755 18.6671 6.29177 18.908 6.05087C19.1489 5.80997 19.2846 5.48354 19.2857 5.14286V1.28571C19.2857 0.944722 19.1502 0.617695 18.9091 0.376577C18.668 0.135459 18.3409 0 17.9999 0C17.659 0 17.3319 0.135459 17.0908 0.376577C16.8497 0.617695 16.7142 0.944722 16.7142 1.28571V5.14286C16.7153 5.48354 16.851 5.80997 17.0919 6.05087C17.3328 6.29177 17.6593 6.42755 17.9999 6.42857Z"></path><path d="M28.2857 6.42857C28.6264 6.42755 28.9528 6.29177 29.1937 6.05087C29.4346 5.80997 29.5704 5.48354 29.5714 5.14286V1.28571C29.5714 0.944722 29.436 0.617695 29.1949 0.376577C28.9537 0.135459 28.6267 0 28.2857 0C27.9447 0 27.6177 0.135459 27.3766 0.376577C27.1355 0.617695 27 0.944722 27 1.28571V5.14286C27.001 5.48354 27.1368 5.80997 27.3777 6.05087C27.6186 6.29177 27.945 6.42755 28.2857 6.42857Z"></path><path d="M28.2858 16.0723H30.8572V18.0008H28.2858V16.0723Z"></path><path d="M34.0714 3.85742H30.8571V5.14314C30.8571 5.82512 30.5862 6.47917 30.104 6.96141C29.6218 7.44365 28.9677 7.71456 28.2857 7.71456C27.6037 7.71456 26.9497 7.44365 26.4674 6.96141C25.9852 6.47917 25.7143 5.82512 25.7143 5.14314V3.85742H20.5714V5.14314C20.5714 5.82512 20.3005 6.47917 19.8183 6.96141C19.336 7.44365 18.682 7.71456 18 7.71456C17.318 7.71456 16.664 7.44365 16.1817 6.96141C15.6995 6.47917 15.4286 5.82512 15.4286 5.14314V3.85742H10.2857V5.14314C10.2857 5.82512 10.0148 6.47917 9.53256 6.96141C9.05032 7.44365 8.39627 7.71456 7.71429 7.71456C7.0323 7.71456 6.37825 7.44365 5.89601 6.96141C5.41377 6.47917 5.14286 5.82512 5.14286 5.14314V3.85742H1.92857C1.41755 3.85895 0.927899 4.06263 0.566552 4.42397C0.205205 4.78532 0.0015262 5.27497 0 5.78599V10.286H36V5.78599C35.9985 5.27497 35.7948 4.78532 35.4334 4.42397C35.0721 4.06263 34.5824 3.85895 34.0714 3.85742Z"></path><path d="M12.8572 27.6426H15.4292V29.5712H12.8572V27.6426Z"></path><path d="M0 11.5723V31.5008C0.0015262 32.0119 0.205205 32.5015 0.566552 32.8629C0.927899 33.2242 1.41755 33.4279 1.92857 33.4294H21.8976C21.3109 32.5034 20.9123 31.471 20.7246 30.3909C20.5369 29.3109 20.5637 28.2045 20.8036 27.1349C21.0435 26.0652 21.4917 25.0533 22.1227 24.1569C22.7536 23.2605 23.555 22.4971 24.481 21.9104C25.4069 21.3236 26.4394 20.925 27.5194 20.7373C28.5994 20.5496 29.7059 20.5765 30.7755 20.8164C31.8451 21.0562 32.8571 21.5045 33.7535 22.1354C34.6499 22.7664 35.4133 23.5677 36 24.4937V11.5723H0ZM9 29.5723C9 29.9133 8.86454 30.2403 8.62342 30.4814C8.3823 30.7225 8.05528 30.858 7.71429 30.858H5.14286C4.80186 30.858 4.47484 30.7225 4.23372 30.4814C3.9926 30.2403 3.85714 29.9133 3.85714 29.5723V27.6437C3.85714 27.3027 3.9926 26.9757 4.23372 26.7346C4.47484 26.4934 4.80186 26.358 5.14286 26.358H7.71429C8.05528 26.358 8.3823 26.4934 8.62342 26.7346C8.86454 26.9757 9 27.3027 9 27.6437V29.5723ZM9 23.7866C9 24.1275 8.86454 24.4546 8.62342 24.6957C8.3823 24.9368 8.05528 25.0723 7.71429 25.0723H5.14286C4.80186 25.0723 4.47484 24.9368 4.23372 24.6957C3.9926 24.4546 3.85714 24.1275 3.85714 23.7866V21.858C3.85714 21.517 3.9926 21.19 4.23372 20.9488C4.47484 20.7077 4.80186 20.5723 5.14286 20.5723H7.71429C8.05528 20.5723 8.3823 20.7077 8.62342 20.9488C8.86454 21.19 9 21.517 9 21.858V23.7866ZM9 18.0008C9 18.3418 8.86454 18.6689 8.62342 18.91C8.3823 19.1511 8.05528 19.2866 7.71429 19.2866H5.14286C4.80186 19.2866 4.47484 19.1511 4.23372 18.91C3.9926 18.6689 3.85714 18.3418 3.85714 18.0008V16.0723C3.85714 15.7313 3.9926 15.4042 4.23372 15.1631C4.47484 14.922 4.80186 14.7866 5.14286 14.7866H7.71429C8.05528 14.7866 8.3823 14.922 8.62342 15.1631C8.86454 15.4042 9 15.7313 9 16.0723V18.0008ZM16.7143 29.5723C16.7143 29.9133 16.5788 30.2403 16.3377 30.4814C16.0966 30.7225 15.7696 30.858 15.4286 30.858H12.8571C12.5162 30.858 12.1891 30.7225 11.948 30.4814C11.7069 30.2403 11.5714 29.9133 11.5714 29.5723V27.6437C11.5714 27.3027 11.7069 26.9757 11.948 26.7346C12.1891 26.4934 12.5162 26.358 12.8571 26.358H15.4286C15.7696 26.358 16.0966 26.4934 16.3377 26.7346C16.5788 26.9757 16.7143 27.3027 16.7143 27.6437V29.5723ZM16.7143 23.7866C16.7143 24.1275 16.5788 24.4546 16.3377 24.6957C16.0966 24.9368 15.7696 25.0723 15.4286 25.0723H12.8571C12.5162 25.0723 12.1891 24.9368 11.948 24.6957C11.7069 24.4546 11.5714 24.1275 11.5714 23.7866V21.858C11.5714 21.517 11.7069 21.19 11.948 20.9488C12.1891 20.7077 12.5162 20.5723 12.8571 20.5723H15.4286C15.7696 20.5723 16.0966 20.7077 16.3377 20.9488C16.5788 21.19 16.7143 21.517 16.7143 21.858V23.7866ZM16.7143 18.0008C16.7143 18.3418 16.5788 18.6689 16.3377 18.91C16.0966 19.1511 15.7696 19.2866 15.4286 19.2866H12.8571C12.5162 19.2866 12.1891 19.1511 11.948 18.91C11.7069 18.6689 11.5714 18.3418 11.5714 18.0008V16.0723C11.5714 15.7313 11.7069 15.4042 11.948 15.1631C12.1891 14.922 12.5162 14.7866 12.8571 14.7866H15.4286C15.7696 14.7866 16.0966 14.922 16.3377 15.1631C16.5788 15.4042 16.7143 15.7313 16.7143 16.0723V18.0008ZM23.1429 21.858H20.5714V23.7866C20.7419 23.7866 20.9054 23.8543 21.026 23.9748C21.1466 24.0954 21.2143 24.2589 21.2143 24.4294C21.2143 24.5999 21.1466 24.7634 21.026 24.884C20.9054 25.0045 20.7419 25.0723 20.5714 25.0723C20.2304 25.0723 19.9034 24.9368 19.6623 24.6957C19.4212 24.4546 19.2857 24.1275 19.2857 23.7866V21.858C19.2857 21.517 19.4212 21.19 19.6623 20.9488C19.9034 20.7077 20.2304 20.5723 20.5714 20.5723H23.1429C23.3134 20.5723 23.4769 20.64 23.5974 20.7606C23.718 20.8811 23.7857 21.0446 23.7857 21.2151C23.7857 21.3856 23.718 21.5491 23.5974 21.6697C23.4769 21.7902 23.3134 21.858 23.1429 21.858ZM24.4286 18.0008C24.4286 18.3418 24.2931 18.6689 24.052 18.91C23.8109 19.1511 23.4838 19.2866 23.1429 19.2866H20.5714C20.2304 19.2866 19.9034 19.1511 19.6623 18.91C19.4212 18.6689 19.2857 18.3418 19.2857 18.0008V16.0723C19.2857 15.7313 19.4212 15.4042 19.6623 15.1631C19.9034 14.922 20.2304 14.7866 20.5714 14.7866H23.1429C23.4838 14.7866 23.8109 14.922 24.052 15.1631C24.2931 15.4042 24.4286 15.7313 24.4286 16.0723V18.0008ZM32.1429 18.0008C32.1429 18.3418 32.0074 18.6689 31.7663 18.91C31.5252 19.1511 31.1981 19.2866 30.8571 19.2866H28.2857C27.9447 19.2866 27.6177 19.1511 27.3766 18.91C27.1355 18.6689 27 18.3418 27 18.0008V16.0723C27 15.7313 27.1355 15.4042 27.3766 15.1631C27.6177 14.922 27.9447 14.7866 28.2857 14.7866H30.8571C31.1981 14.7866 31.5252 14.922 31.7663 15.1631C32.0074 15.4042 32.1429 15.7313 32.1429 16.0723V18.0008Z"></path></g><defs><clipPath id="clip0"><rect width="36" height="36" fill="white"></rect></clipPath></defs>
</svg>
{{ settings.descricaoboleto }}
</div>
</div>
</div>
</div>
<script>
function mostrar(opcao, event) {
event.preventDefault();
// ocultar todas as informações
document.getElementById("opcao1").style.display = "none";
document.getElementById("opcao2").style.display = "none";
document.getElementById("opcao3").style.display = "none";
// mostrar a informação correspondente à opção selecionada
document.getElementById(opcao).style.display = "flex";
// marcar a opção selecionada e desmarcar as outras
document.getElementById("opcao1-link").className = (opcao == "opcao1") ? "opcao-selecionada" : "opcao-nao-selecionada";
document.getElementById("opcao2-link").className = (opcao == "opcao2") ? "opcao-selecionada" : "opcao-nao-selecionada";
document.getElementById("opcao3-link").className = (opcao == "opcao3") ? "opcao-selecionada" : "opcao-nao-selecionada";
}
</script>
<script>
function openPopup() {
document.getElementById("popup").style.display = "block";
document.querySelector(".product__info-wrapper").style.zIndex = "4";
}
function close2Popup() {
document.getElementById("popup").style.display = "none";
document.querySelector(".product__info-wrapper").style.zIndex = "1";
}
</script>
{%- endif -%}
<style>
.popup {
display:none;
position: absolute;
top: 0px;
left: 0px;
width: 100% !important;
height: 100%;
color: var(--color_text_popup);
z-index: 9999;
max-height: 700px;
}
.popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 518px;
background-color: rgb(255, 255, 255);
padding: 20px;
box-shadow: rgb(40 41 61 / 60%) 0px 0px 40px;
border-radius: 0.25rem;
overflow: auto;
height: 95%;
border-radius: 14px;
}
.close2 {
float: right;
font-size: 22px;
font-weight: bold;
position: absolute;
top: 20px;
right: 20px;
color: white;
text-decoration: none;
cursor: pointer;
background: {{settings.corpopup}};
padding: 6px 12px 8px;
border-radius: 28px;
line-height: 1;
}
@media (max-width: 768px) {
.popup {
height: 100%;
padding: 35px 12px 0 12px;
border-radius: 0;
}
.popup-content {
height: 100%;
width: 100%;
padding: 30px 5px;
}
.close2 {
position: absolute;
cursor: pointer;
user-select: none;
right: 1rem;
top: 10px;
}
}
.popup_parc {
width: 100%;
margin: 12px 0 0 0;
color: var(--color_text_popup);
}
.jUTNNh * {
margin: 0px;
padding: 0px;
border: none;
list-style: none;
outline: none;
box-sizing: border-box;
font-family: Poppins, sans-serif !important;
}
.popup_parc .tabelaJuros {
background: white;
margin: 0;
font-size: 16px;
}
.popup_parc .bodyTable {
display: flex;
width: 100%;
}
.popup_parc .divide {
float: left;
width: 100%;
display: inline-block;
padding: 14px 0px;
}
.popup_parc .divide:nth-child(1) {
border-right: 0px solid #f6f6f8;
}
.popup_parc .rowTable:nth-child(odd) {
background: #e8e8e8c7;
border-radius: 25px;
}
.popup_parc .rowTable {
display: block;
padding: 0.8rem 5px;
line-height: 1.5rem;
text-align: left;
border-bottom: 0px solid #f6f6f8;
}
.popup_parc .totalprice, .popup_parc .totalprice2, .popup_parc .totalprice3, .popup_parc .totalprice4, .popup_parc .totalprice5, .popup_parc .totalprice6, .popup_parc .totalprice7, .popup_parc .totalprice8, .popup_parc .totalprice9, .popup_parc .totalprice10, .popup_parc .totalprice11, .popup_parc .totalprice12 {
float: right;
}
.kTqTAO {
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
gap: 10px;
margin-top: 0.5rem;
}
.hMOJVn {
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
font-size: 15px;
line-height: 3rem;
font-weight: 400;
margin-top: 0.8rem;
}
.jfpeed {
display: flex;
-webkit-box-align: center;
align-items: center;
justify-content: center;
margin-top: 2rem;
color: var(--destaque_color);
font-size: 2.5rem;
line-height: 3rem;
font-weight: 700;
}
.jfpeed span {
font-size: 1.25rem;
line-height: 1.875rem;
font-weight: 700;
margin-right: 0.25rem;
}
.jfpeed div {
font-size: 4rem;
line-height: 5rem;
font-weight: 700;
}
.jhwtFL {
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin-top: 0.25rem;
}
.jhwtFL span {
font-size: 1.875rem;
font-weight: 400;
}
.fGRhuQ {
display: flex;
-webkit-box-align: center;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 400;
margin-top: 2rem;
}
.fGRhuQ svg {
margin-right: 10px;
fill: {{settings.corpopup}};
}
.jhwtFL::after {
content: "";
border: 1px solid {{settings.corpopup}};
margin-top: 2rem;
width: 100%;
}
@media (max-width: 400px) {
.popup_parc .tabelaJuros {
font-size: 13.5px;
}
}
#opcao2, #opcao3 {
color: {{settings.corpopup}};
}
.espaco {
display: block!important;
margin: -8px 0 0;
}
.pagamento {
text-align: center;
margin-top: 7px;
font-size: 15px;
}
.opcoes { display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.icones {
list-style-type: none;
display: flex;
justify-content: space-around;
padding-inline-start: 0px;
margin-block-end: 0em;
}
#opcao1 {
display: flex;
}
.opcao-selecionada {
fill: {{settings.corpopup}};
color: {{settings.corpopup}};
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
}
.opcao-nao-selecionada {
color: gray;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
}
.preco {
font-size: 28px;
color: {{settings.cordopreco}};
line-height: 30px;
}
.parcelamento {
font-size: 18px;
display: block;
}
.card-information .parcelamento {
margin: 3px 0 5px;
font-size: 15px;
}
.card-information .preco {
font-size: 23px;
}
.card--card .card__content {
padding: 0!important;
}
</style>
</price-list>
I just need this to work and my site is ready.