News

Test

AliX Documentation 1. Introduction Welcome to Theme  Alix — a modern, high-performance Shopify theme designed for Multipurpose.This documentation will guide merchants through installation, setup, customization, and advanced features. 2. Theme Features Fully responsive (mobile-first)...

Active class on nav bar open page based on conical url

<nav class="main-navigation medium-down--hide"> <ul> {% for link in shortcut_menu.links %} <li class="main-menu-item{% if link.links.size > 0 %} has-dropdown{% endif %} {% assign base_url = shop.url %} {% assign coni_url =...

Progress bar two step free shipping/ free Product based on selected country Shopify

<!-- Free shipping progress markup --><div class="cart-shipping__wrapper cart-page__congrats-massage-box"> <div class="progress_area"> <div class="progressbar_start" style="width:"></div> <div class="main-progress"> <div class="progressbar_step1"> <span class="free_shipping" ><span class="checked-icon" style="display:none;">{% render 'icon-checked' %}</span>Gratis Versand</span > </div> <div class="progressbar_step2">...

Hide unavailable variant option from the swatch and dropdown Shopify PDP

<script> const variantSelects = (document.querySelector('variant-selects')) ? document.querySelector('variant-selects') : document.querySelector('variant-radios'); const pickerType = (variantSelects.querySelectorAll('fieldset').length > 0) ? 'radios' : 'selects'; const fieldsets = (pickerType == 'radios') ? Array.from(variantSelects.querySelectorAll('fieldset')) : Array.from(variantSelects.querySelectorAll('.product-form__input--dropdown')); const...

Hide and show section based on date time selection countdown timer

{{ 'section-image-banner.css' | asset_url | stylesheet_tag }}{{ 'component-slider.css' | asset_url | stylesheet_tag }}{{ 'component-slideshow.css' | asset_url | stylesheet_tag }} {%- if section.settings.slide_height == 'adapt_image' and section.blocks.first.settings.image != blank -%} {%-...

Shopify Article page diplay product on article based on SKU added in the article description

{% assign sku_content = article.content | split: '<!-- sku -->' %} {% if sku_content.size > 1 %} {% assign textAfterSku = sku_content[1] | split: ' ' %} {% assign numbersAfterSku...

Ajax Single/ First variant add to cart button without page load Shopify

{%- assign current_variant = product.selected_or_first_available_variant -%} <span id="color"></span> <button id="color" type="button" {% unless current_variant.available %} disabled="disabled" {% endunless %} onclick="add_to_cart_grid({{current_variant.id}}, 1)" class="btn btn--full" > {% if current_variant.available %} Add to...

on change load section content without page refresh

Shopify Meta field uses

file type image: {{ product.metafields.product.variant_swatch_1 | img_tag }} product type url: {{ product.metafields.custom.prod_link_1.value.url}} Multiple product type: {% assign cust_product = product.metafields.custom.complete_the_look_products.value %}{% for cust_product in cust_product %} {{ cust_product.title }} {%...

Cart page and cart drawer upsell product using meta field condition

{% for item in cart.items %} {% assign cust_product = product.metafields.custom.complete_the_look_products.value %} {% for cust_product in cust_product %} {{ cust_product.title }} {% endfor %} {% endfor %}