Initial commit
This commit is contained in:
Axel committed
commit
570e1fb41b
3 files changed
+1008
No files matched your search
@@ -0,0 +1,190 @@
|
||||
{%- liquid
|
||||
layout none
|
||||
assign empty_state = false
|
||||
|
||||
if empty_state
|
||||
assign product_link = '/admin/products'
|
||||
assign title = 'home_page.onboarding.product_title' | t
|
||||
assign compare_at_price = 2999
|
||||
assign price = 1999
|
||||
else
|
||||
assign product_link = product.url | within: collection
|
||||
assign title = product.title
|
||||
assign compare_at_price = product.compare_at_price
|
||||
assign price = product.price
|
||||
endif
|
||||
|
||||
# start yagi app code
|
||||
assign product_price_min = product.price_min
|
||||
unless empty_state
|
||||
assign active_discount = true
|
||||
|
||||
assign empty_array = "" | split: ""
|
||||
assign dormant_discounts = shop.metafields.app--168074346497.dormant_discounts.value | default: empty_array
|
||||
assign target_discount_id = product.metafields.app--168074346497.applied_discount_id.value
|
||||
for dormant_discount in dormant_discounts
|
||||
if dormant_discount == target_discount_id
|
||||
assign active_discount = false
|
||||
endif
|
||||
endfor
|
||||
|
||||
if active_discount
|
||||
assign price = product.metafields.app--168074346497.min_auto_discounted_price.value | default: product.price
|
||||
assign compare_at_price = product.compare_at_price
|
||||
|
||||
if product.metafields.app--168074346497.discount_percentage.value > 0.01
|
||||
assign deducted_percentage = 1.0 | minus: product.metafields.app--168074346497.discount_percentage.value
|
||||
|
||||
assign price = product.price | divided_by: 100.0 | times: deducted_percentage | times: 100.0 | ceil
|
||||
assign product_price_min = price
|
||||
|
||||
assign compare_at_price = product.price
|
||||
|
||||
if product.compare_at_price > compare_at_price
|
||||
assign compare_at_price = product.compare_at_price
|
||||
endif
|
||||
endif
|
||||
endif
|
||||
endunless
|
||||
# end yagi app code
|
||||
|
||||
assign is_on_sale = false
|
||||
|
||||
if compare_at_price > price
|
||||
assign is_on_sale = true
|
||||
endif
|
||||
-%}
|
||||
|
||||
{%- capture content_for_query_string -%}{{ content_for_header }}{%- endcapture -%}
|
||||
|
||||
{%- assign page_url = content_for_query_string
|
||||
| split: '"pageurl":"'
|
||||
| last
|
||||
| split: '"'
|
||||
| first
|
||||
| split: '.myshopify.com'
|
||||
| last
|
||||
| replace: '\/', '/'
|
||||
| replace: '%20', ' '
|
||||
| replace: '\u0026', '&'
|
||||
-%}
|
||||
|
||||
{%- liquid
|
||||
for i in (1..1)
|
||||
unless page_url contains '?'
|
||||
break
|
||||
endunless
|
||||
|
||||
assign page_query_string = page_url | split: '?' | last
|
||||
assign parts = page_query_string | split: '&'
|
||||
|
||||
for part in parts
|
||||
assign key_and_value = part | split: '='
|
||||
|
||||
if key_and_value.size > 1 and key_and_value[0] == 'desktopGrid'
|
||||
assign desktop_grid = key_and_value[1]
|
||||
endif
|
||||
|
||||
if key_and_value.size > 1 and key_and_value[0] == 'mobileGrid'
|
||||
assign mobile_grid = key_and_value[1]
|
||||
endif
|
||||
endfor
|
||||
endfor
|
||||
-%}
|
||||
|
||||
<div>
|
||||
<div class="dbtfy-recently-viewed-bar-product d-flex pe-0 py-2">
|
||||
{%- assign media = product.media.first -%}
|
||||
|
||||
<a href="{{ product_link }}" class="d-block">
|
||||
<div
|
||||
style="flex-shrink: 0; margin-right: 10px; padding-top: {{ 1 | divided_by: media.aspect_ratio | times: 100 }}%;"
|
||||
class="media-wrapper media-wrapper--product media-wrapper--no-background">
|
||||
{%- capture sizes -%}80px{% endcapture %}
|
||||
|
||||
{%- if media != blank -%}
|
||||
{{-
|
||||
media
|
||||
| image_url: width: 80
|
||||
| image_tag:
|
||||
loading: 'lazy',
|
||||
sizes: sizes,
|
||||
widths: '300,400,500,600,700,800,1000,1200,1400,1600,1800,2000,2200,2400,2600',
|
||||
class: 'media'
|
||||
-}}
|
||||
{%- else -%}
|
||||
{{- 'product-1' | placeholder_svg_tag: 'placeholder-svg media' -}}
|
||||
{%- endif -%}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="dbtfy-recently-viewed-product-item{% if settings.product_grid_truncate_title %} flex-fill text-ellipsis{% endif %} ps-2{% if simplify_on_mobile %} d-none d-md-block{% endif %}">
|
||||
<h6 class="w-100 h6{% if settings.product_grid_truncate_title %} text-ellipsis{% endif %}">
|
||||
<a href="{{ product.url }}">{{ title }}</a>
|
||||
</h6>
|
||||
|
||||
{%- if settings.dbtfy_recently_viewed_review_badge_product_grid -%}
|
||||
{%- unless empty_state -%}
|
||||
<div class="product-item__reviews">
|
||||
{%- render 'review-badge', product: product, position: 'product_grid' -%}
|
||||
</div>
|
||||
{%- endunless -%}
|
||||
{%- endif -%}
|
||||
{%- if settings.dbtfy_recently_viewed_show_product_price -%}
|
||||
<p class="product-item__price-wrapper">
|
||||
<span class="d-flex flex-nowrap text-accent">
|
||||
<span class="price price--regular me-1{% if is_on_sale %} price--sale text-sale{% endif %}"
|
||||
aria-label="{{ 'products.general.regular_price' | t }}">
|
||||
{%- if product.price_varies and empty_state == false -%}
|
||||
<span class="money">{{ product_price_min | money }} +</span>
|
||||
{%- else -%}
|
||||
<span class="money">{{ price | money }}</span>
|
||||
{%- endif -%}
|
||||
</span>
|
||||
|
||||
<span class="price price--compare text-strike text-muted" {% unless is_on_sale %} hidden {% endunless %} aria-label="{{ 'products.general.regular_price' | t }}">
|
||||
{%- if is_on_sale -%} <span class="money">{{ compare_at_price | money }}</span> {%- else -%}<span class="money"></span>{%- endif -%}
|
||||
</span>
|
||||
</span>
|
||||
</p>
|
||||
{%- endif -%}
|
||||
{%- unless settings.dbtfy_recently_viewed_product_grid_badge_placement == 'none' -%}
|
||||
{%- if is_sold_out and settings.dbtfy_recently_viewed_show_sold_out_badge -%}
|
||||
<div class="badge badge--{{ settings.dbtfy_recently_viewed_product_grid_badge_placement }}">
|
||||
<span class="{{ settings.icon }}" translate="no">watch_later</span>
|
||||
<span>
|
||||
{{ 'products.product.sold_out_html' | t }}
|
||||
</span>
|
||||
</div>
|
||||
{%- elsif is_on_sale and settings.dbtfy_recently_viewed_show_sales_badge -%}
|
||||
{%- capture discount_price -%}
|
||||
{%- if settings.sale_type == 'amount' -%}
|
||||
{%- assign discount_price = compare_at_price | minus: price -%}
|
||||
<span class="money dbtfy-discount-saved-badge__value">{{ discount_price | money }}</span>
|
||||
{%- elsif settings.sale_type == 'percentage' -%}
|
||||
{%- assign discount_price = compare_at_price | minus: price | times: 100 | divided_by: compare_at_price -%}
|
||||
<span class="dbtfy-discount-saved-badge__value">{{ discount_price }}%</span>
|
||||
{%- endif -%}
|
||||
{%- endcapture -%}
|
||||
|
||||
<span class="dbtfy-discount-saved-badge badge" hidden>
|
||||
<span class="{{ settings.icon }}" translate="no">local_offer</span>
|
||||
<span>
|
||||
{{ 'products.general.save_html' | t: saved_amount: discount_price }}
|
||||
</span>
|
||||
</span>
|
||||
{%- endif -%}
|
||||
{%- endunless -%}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dbtfy-recently-viewed-product">
|
||||
{%- liquid
|
||||
capture block_width
|
||||
render 'section-block-width', desktop_grid: desktop_grid, mobile_grid: mobile_grid, type: 'product'
|
||||
endcapture
|
||||
|
||||
render 'product-grid-item', product: product, block_width: block_width, current: 1, products_per_row_desktop: desktop_grid, products_per_row_mobile: mobile_grid, images_loading_type: 'lazy', show__product_vendor: settings.dbtfy_recently_viewed_show_product_vendor
|
||||
-%}
|
||||
</div>
|
||||
</div>
|
||||
Reference in new issue
Block a user