odessy

$( document ).ready(function() {
  if( typeof product_variants_removed != undefined ) {  // was there items to be removed?
    var $addToCartForm = $('form[action="/cart/add"]');
    if (window.MutationObserver && $addToCartForm.length) {
      if (typeof observer === 'object' && typeof observer.disconnect === 'function') {
        observer.disconnect();
      }
      var config = { childList: true, subtree: true };
      var observer = new MutationObserver(function() {
        product_variants_removed.forEach(function(item){

odessy

<div itemscope itemtype="http://schema.org/Product" class="product-page">
  <div class="wrapper">

    <meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
    <meta itemprop="image" content="{{ product.featured_image.src | img_url: 'grande' }}">

    {% if section.settings.product_breadcrumbs %}
      {% include 'breadcrumb' %}
    {% endif %}

odessy

$(document).ready(function() {
  thumbnails = $('#ProductThumbs-product img[src*="/products/"]');
  if (thumbnails.length) {
    thumbnails.on('click', function() {
      var arrImage = $(this).attr('src').split('?')[0].split('.');
      var strExtention = arrImage.pop();
      var strRemaining = arrImage.pop()
      .replace(/_(pico|icon|thumb|small|compact|medium|large|grande)/gi, '')
      .replace(/_[a-zA-Z0-9@]+$/,'');
      var strNewImage = arrImage.join('.')+"."+strRemaining+"."+strExtention;

odessy

@media only screen and (min-width:768px){
     .product__thumbs--square{
          float: left;
          width: 100px;
     }

     .product__thumbs--square .slick-dots li img,
     .product__thumbs--square .slick-dots li{
          width: 100px !important;
          height: 100px !important;

odessy

[vc_row type="full_width_background" full_screen_row_position="middle" equal_height="yes" content_placement="middle" bg_color="#111111" scene_position="center" text_color="light" text_align="left" overlay_strength="0.3" shape_divider_position="bottom" bg_image_animation="none"][vc_column column_padding="no-extra-padding" column_padding_position="top-bottom" background_color_opacity="1" background_hover_color_opacity="1" column_link_target="_self" column_shadow="none" column_border_radius="none" width="1/2" tablet_width_inherit="default" tablet_text_alignment="default" phone_text_alignment="default" column_border_width="none" column_border_style="solid" bg_image_animation="none"][divider line_type="No Line" custom_height="90"][vc_row_inner column_margin="default" text_align="left"][vc_column_inner column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" column_shadow="none" column_border_radius="none" column_link_target="_self" width="1/1" 

odessy

jQuery(function($) {
    var $window = $(window),
        ctaPosition = parseInt($('#call-to-action').offset().top) - parseInt($('#call-to-action').height()) -  window.innerHeight,
        cta = $('#call-to-action');

    // Run this on scroll events.
    $window.scroll(function() {
	    console.log( $window.scrollTop() + ' - ' + ctaPosition );
        if ( $window.scrollTop() < ctaPosition ) {
            // Make the div sticky.

odessy

{%- if product.description contains '[split]' and section.settings.tabs_position == 'sidebar' -%}
  <div class="wrapper">
    <div class="product-description rte" itemprop="description">
      {{ product.description | replace: '<p>[split]</p>', '[split]' | split: '[split]' | last }}
    </div>
  </div>
{%- endif -%}

odessy

{%- assign product_description_split = product.description | replace: '<p>[split]</p>', '[split]' | split: '[split]' | first | replace: '<h6></h6>', '' -%}

odessy

/* desktop nav cart image*/
.nav--desktop .cart-text-link a{
  background: url("{{ 'cart.svg' | asset_url }}") no-repeat left 0 center;
  width: 25px;
  height: 25px;
  top: 5px;
  position: relative;
  .cartCost{
   	margin-left: 25px;
   	top: -5px;

odessy

/* swap header cart and hamburger */
.nav--mobile .header-cart,
.nav--mobile .header-cart__bubble {
    right:0;
    left: auto;
}
.nav--mobile .header-hamburger {
    left: 0;
    right: auto;
}