ihorduchenko

{%- form 'product', product, id: form_id, class: 'product-single-form' -%}
  <!-- Line item property -->
  <input type="hidden" name="properties[Field]" value="Field value">
  <!-- Cart attribute -->
  <input type="hidden" name="attributes[Vendor]" value="Livom">
{%- endform -%}

ihorduchenko

@mixin max-width($width) {
	@media screen and (max-width: $width) {
		@content;
	}
}

.container {
	position: relative;
	display: flex;
	flex-flow: row wrap;

ihorduchenko

# ================================ Customizable Settings ================================
# ================================================================
# Tiered Discounts by Quantity
#
# A list of discount tier offers where:
#   - 'product_selector_match_type' determines whether we look for
#     products that do or don't match the entered selectors. Can
#     be:
#       - ':include' to check if the product does match
#       - ':exclude' to make sure the product doesn't match

ihorduchenko

# ================================ Customizable Settings ================================
# ================================================================
# Tiered Product Discount by Quantity
#
# If the total quantity of matching items is greater than (or
# equal to) an entered threshold, the associated discount is
# applied to each matching item.
#
#   - 'product_selector_match_type' determines whether we look for
#     products that do or don't match the entered selectors. Can

ihorduchenko

<!-- Variant ID and quantity separated by semicolon + optional discount code as URL parameter -> redirect to checkout -->
https://shop-url.com/cart/42417843929345:1?discount=DISCOUNT_CODE

ihorduchenko

https://westernrise.com/discount/GIFT22?redirect=%2Fcollections%2Fbottoms

ihorduchenko

// This example shows us how to update broken swiper after Fancybox carousel closing
if (typeof fancyboxInit !== undefined) {
  // Main approach here is the next row  
  $.fancybox.defaults.backFocus = false;
  let showCaseSlider = $('.showCaseSlider .swiper-container');
  $('[data-fancybox]').fancybox({
    afterClose: function() {
      if (showCaseSlider) {
        let showCaseSliderInstance = showCaseSlider[0].swiper;
        showCaseSliderInstance.update();

ihorduchenko

html {
  -webkit-text-size-adjust: 100%;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

ihorduchenko

<!-- Outer part or a circle -->
<svg width="100" height="100" viewBox="0 0 215 215" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M214.5 214.5H0V0C0 118.465 96.0349 214.5 214.5 214.5Z" fill="black"/>
</svg>

<!-- Inner part of a circle (sector) -->
<svg height="100" width="100" viewBox="0 0 512 512" fill="#000" xmlns="http://www.w3.org/2000/svg">
<path d="M0,0v512h512C512,229.2,282.8,0,0,0z"/>
</svg>

ihorduchenko

var url = new URL(window.location.href);
url.searchParams.set('view', 'upsell-bundle');
ablyftTools.redirect(url.toString());