atikju

<div class="cart-promo">
  <h2>ENTER A PROMO CODE</h2>
  <input type="text" id="devPromo">
  <a href="/checkout?discount=none" id="redemDevPromo">Apply Coupon</a>
</div>
<script>
  $(document).ready(function(){
    //listen to the promo button click
    $('#redemDevPromo').on('click', function(event){
      //disable the button event

atikju

<div class="containerX">
    <video autoplay id="video" width="100%">
        <source src="{{ section.settings.video-url }}" type="video/mp4" />
    </video>
    <div class="overlay">
        <p>{{ section.settings.video-text1 }}</p>
        <p>{{ section.settings.video-text2 }}</p>
        <p>{{ section.settings.video-text3 }}</p>
    </div>
</div>

atikju

Step 1: Let's start with NGINX installation

sudo dnf update //To Install Latest Update
sudo dnf install -y nginx // Install Nginx
sudo systemctl start nginx.service //Start Nginx Server
sudo systemctl status nginx.service // Check Server Status
sudo systemctl enable nginx.service // Enable Auto Server Start on Reboot

Now you should be able to see the server running by hitting your public ip.

atikju

<div class='relatedArticles'>
  {% for tag in article.tags %}

  {% assign counter = 0 %}
  {% assign skip_articles = article.handle | split: '.....' %}
  {% for related_article in blog.articles %}
    {% if related_article.tags contains tag and counter < 6 %}
      {% unless skip_articles contains related_article.handle %}
        {% assign counter = counter | plus: 1 %}
        {% assign temp = related_article.handle | split: '.....' %}

atikju

{% comment %}
This file can be added as a snippet and add it anywhere you want to display
{% endcomment %}
<div id="pageheader">
  <div class="util-area">
      <div class="search-box">
        <form class="search-form" action="/search" method="get" _lpchecked="1">
            <i class="icon-mag"></i>
            <input type="text" name="q" placeholder="Search" autocomplete="off">
            <input type="submit" value="→">

atikju

{% comment %} 
Paste these codes in the additional scripts box. Settings > Checkout > Additional Scripts
{% endcomment %}

{% if first_time_accessed %}

{% assign ordered_products = '' %}
{% assign ordered_product_ids = '' %}
{% assign totalItems =  line_items.size %}
{% for lineItem in line_items %}

atikju

{% comment %} this code goes at the footer {% endcomment %}
{% if template.name == 'product' %}
{{ 'option_selection.js' | shopify_asset_url | script_tag }}
<style>
  .selector-wrapper {
      display: none !important;
  }
</style>
<script>

atikju

$(document).ready(function(){
var boldFinder = setInterval(function(){
	if($('.bold_option_swatch').length > 0){
		$('.bold_option_swatch').eq(0).find('.bold_option_value').on('click', function(){
			var clutch_selected = $(this).find('input.sw_607037_276033').attr('data-option_value_key');
			console.log(clutch_selected);
			//returns url("....");
			var imgUrl = $(this).find('span.bold_option_value_swatch span').css('background-image');
			//replace the url("
			//console.log(imgUrl.toString().slice(5));

atikju

<div id="variant-inventory" class="devst-variant-inventory">
 {% if product.variants.first.inventory_management == "shopify" %}
    {% if product.variants.first.inventory_quantity > 0 %}
  		{% if product.variants.first.inventory_quantity > 10 %}
			{% assign hideValue = 'none' %}
  		{% else %}
			{% assign hideValue = 'block' %}
  		{% endif %}
  		<span id="qtyLogic" style="display:{{ hideValue }}">
          Only <span class="devStock">{{ product.variants.first.inventory_quantity }}</span> left!

atikju

{% assign countMe = 1 %}
{% for collection in product.collections %}
	{% if countMe < 2 %}
    	{% assign firstCollectionUrl = collection.url %}
    	{% assign firstCollectionTitle = collection.title %}
		{% assign countMe = 2 %}
	{% endif %}
{% endfor %}
<a href="{{ firstCollectionUrl }}">{{ firstCollectionTitle }}</a>