Tailor Suit Shop

1. Login your Shopify Store in Admin panel.

2. Now hit our App URL https://apps.shopify.com/tailor-suit-shop and click to Get button. A popup will be appear then enter your store's URL and click to "Login" button. After click on login button you will view the following page. Now click on "Install App" button and your app will be install. Now check the app in Admin's "Apps" section.


To show this App in your theme, you need to add some codes in your published theme. So total process are given below...

If you are not familiar with liquid code changes or need any sort of help then just add install@solvercircle.com as a staff member of your store (If you don't know how to add "staff member" then click here), email us to explain the problems and we will fix the issues for you.

3. Go to "Themes" menu of Admin Dashboard and Edit your published themes to install the app. Follow the below steps to Edit your theme.

 

4. Now follow the below Steps and put the "Tailor Suit Shop" Apps Code in the following liquid files of Venture themes.

 

Initial Instruction:

For manual installation go to sc-tsuit-btn-loader-150812.liquid file under the "Snippets" folder and change {% assign suit_install_type = 'auto' %} this code to {% assign suit_install_type = 'manual' %}.

Screenshots of theme file for the Step 1 code is given below:

 

 

Step 1: theme.js file changes:

Go to theme.js file under the "Assets" folder and find the following location (after line number 565 approximate) like as below screenshot.

Now insert the following code to the theme.js files above mentioned location like as below screenshot.

	//Start: SC Tailor suit
	if (typeof TSuit_Update_Data_URL == 'function')
	TSuit_Update_Data_URL(variant);
	//End: SC Tailor suit

 

 

Step 2: product.liquid file changes:

Go to product.liquid file under the "Templates" folder and find the following location and select the code between line number 5 to 25 (approximate) like as below screenshot.

Now replace this code with the following codes like as below screenshot

<!--Start: SC Tailor suit -->
{% if product.metafields.ScTailorSuit.IsHidden == 1 %}
Product not available
{% else %}

{% section 'product-template' %}

{% if collection %}
  <div class="full-width full-width--return-link">
    <a href="{{ collection.url }}" class="h1 return-link">
      {% include 'icon-arrow-thin-left' %}
      {{ 'products.product.collection_return' | t: collection: collection.title }}
    </a>
  </div>
{% endif %}

<script>
  // Override default values of shop.strings for each template.
  // Alternate product templates can change values of
  // add to cart button, sold out, and unavailable states here.
  window.productStrings = {
    addToCart: {{ 'products.product.add_to_cart' | t | json }},
    soldOut: {{ 'products.product.sold_out' | t | json }},
    unavailable: {{ 'products.product.unavailable' | t | json }}
  }
</script>

{% endif %}
<!--End: SC Tailor suit -->

 

 

Step 3: product-template.liquid file changes:

Go to product-template.liquid file under the "Sections" folder and find the following location (after "Add to Cart" button's code) like as below screenshot.

Now just copy the following code and insert it to the product-template.liquid files above mentioned location (after "Add to Cart" button's code) like as below screenshot.

	<!--Start: SC Tailor suit -->
	  {% include 'sc-tsuit-btn-loader-150812' with 'suit_product_liquid' %}
	<!--End: SC Tailor suit -->

 

 

Step 4: cart-template.liquid file changes:

Go to cart-template.liquid file under the "Sections" folder and find the following location and select the code between line number 16 to 48 (approximate) like as below screenshot.

Now replace the selected codes with this following codes like as below screenshot.

<!--Start: SC Tailor suit -->
{% if item.variant.metafields.ScTailorSuit.CPID %}
<td class="cart__cell--image text-center">
    {% if item.variant.metafields.ScTailorSuit.FrontImage %}
    <a href="{{ item.variant.metafields.ScTailorSuit.FrontImage}}" class="cart__image">
        <img class="sc-cart-img" src="{{ item.variant.metafields.ScTailorSuit.FrontImage}}" style="width:100px;"  alt="{{ item.title | escape }}" />
    </a>   
    {% endif %}
    {% if item.variant.metafields.ScTailorSuit.BackImage %}
    <a href="{{ item.variant.metafields.ScTailorSuit.BackImage}}" class="cart__image">
        <img class="sc-cart-img" src="{{ item.variant.metafields.ScTailorSuit.BackImage}}" style="width:100px;"  alt="{{ item.title | escape }}" />
    </a>   
    {% endif %}
</td>
<td>
    <a href="{{ item.variant.metafields.ScTailorSuit.Product_URL }}&ex_cp_id={{ item.variant.metafields.ScTailorSuit.CPID }}&ex_v_id={{ item.variant.id }}" class="h5">
        {{ item.title }}
    </a>
    <p>
        <a href="/cart/change?line={{ forloop.index }}&amp;quantity=0">{{ 'cart.general.remove' | t }}</a>
    </p>
</td>

{% else %}
<!-- ALL existing line item rows will go here CODES GOES HERE. -->

<td class="cart__cell--image text-center">
    <a href="{{ item.url | within: collections.all }}" class="cart__image">
        <img src="{{ item | img_url: '240x240' }}" alt="{{ item.title | escape }}">
    </a>
</td>
<td>
    <a href="{{ item.url }}" class="h5">
        {{ item.product.title }}
    </a>
    {% unless item.variant.title contains 'Default' %}
    <p>{{ item.variant.title }}</p>
    {% endunless %}

    {% assign property_size = item.properties | size %}
    {% if property_size > 0 %}
    {% for p in item.properties %}
    {% assign first_character_in_key = p.first | truncate: 1, '' %}
    {% unless p.last == blank or first_character_in_key == '_' %}
    {{ p.first }}:
    {% if p.last contains '/uploads/' %}
    <a href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
    {% else %}
    {{ p.last }}
    {% endif %}

    {% endunless %}
    {% endfor %}
    {% endif %}

    <p>
        <a href="/cart/change?line={{ forloop.index }}&amp;quantity=0">{{ 'cart.general.remove' | t }}</a>
    </p>
</td>
{% endif %}
<!--End: SC Tailor suit -->

 

 

Step 5: collection.liquid file changes:

Go to collection.liquid file under the "Templates" folder and find the following location and select this three lines code like as below screenshot.

Now replace the selected codes with this following codes like as below screenshot.

    <!--Start: SC Tailor suit -->
    {% if product.metafields.ScTailorSuit.IsHidden == 1 %}
    {% else %}
    <div class="grid__item small--one-half medium-up--one-fifth">
        {% include 'product-card', product: product %}
    </div>
    {% endif %}
    <!--End: SC Tailor suit -->

 

 

Step 6 (a): search.liquid file changes:

Go to search.liquid file under the "Templates" folder and find the following location and select line number 34 to 38 (approximate) like as below screenshot

Now replace the selected codes with this following codes like as below screenshot.

      <!--Start: SC Tailor suit -->
      {% if item.metafields.ScTailorSuit.IsHidden == 1 %}
      {% else %}
      {% if item.object_type == 'product' %}
        {% assign product_count = product_count | plus: 1 %}
      {% else %}
        {% assign page_count = page_count | plus: 1 %}
      {% endif %}
      {% endif %}
      <!--End: SC Tailor suit -->

 

 

Step 6 (b): search.liquid file changes:

Go to search.liquid file under the "Templates" folder and find the following location and select line number 46 to 50 (approximate) like as below screenshot

Now replace the selected codes with this following codes like as below screenshot.

        <!--Start: SC Tailor suit -->
        {% if item.metafields.ScTailorSuit.IsHidden == 1 %}
        {% else %}
          {% if item.object_type == 'product' %}
            <div class="grid__item small--one-half medium-up--one-fifth">
              {% include 'product-card', product: item %}
            </div>
          {% endif %}
        {% endif %}
        <!--End: SC Tailor suit -->

 

 

Step 6 (c): search.liquid file changes:

Go to search.liquid file under the "Templates" folder and find the following location and select line number 65 to 71 (approximate) like as below screenshot

Now replace the selected codes with this following codes like as below screenshot.

        <!--Start: SC Tailor suit -->
        {% if item.metafields.ScTailorSuit.IsHidden == 1 %}
        {% else %}
            {% unless item.object_type == 'product' %}
              <div class="grid__item medium-up--one-third content-block__item">
                <h5>{{ item.title | link_to: item.url }}</h5>
                <div class="rte">{{ item.content | strip_html | truncate: 150 }}</div>
                <p><a href="{{ item.url }}"><strong>{{ 'general.search.read_more' | t }}</strong></a></p>
              </div>
            {% endunless %}
        {% endif %}
        <!--End: SC Tailor suit -->

 

 

Step 7: customers/order.liquid file changes:

Go to customers/order.liquid file under the "Templates" folder and find the following location and select this code {{ line_item.title | link_to: line_item.product.url }} like as below screenshot.

Now replace the selected code with this following codes like as below screenshot.

          <!--Start: SC Tailor suit -->
          {% if line_item.variant.metafields.ScTailorSuit.CPID %}
          {{ line_item.title | link_to: line_item.variant.metafields.ScTailorSuit.Product_URL }}
          {% else %}
          {{ line_item.title | link_to: line_item.product.url }}
          {% endif %}
          <!--End: SC Tailor suit -->

 

 

5. So your app has installed. Now go to "Apps" menu of Admin Dashboard and click on the "Tailor Shop Suit" App link.

6. Now customize "Make Suit Button", "Add to Cart Button", "Price Info" and "Measurement Unit" from "Settings" option. Advanced users can add custom CSS from this section.

7. Insert customization price for 2 piece or 3 piece suit and must be click on "Activate Suit" button from "Manage Products" option.

8. Now check it in the frontend.