AbWahab07

These days some business have online store in different country with the same name. They have different URL for different country but they are facing a problem that how they can redirect store url based on IP address for eg.


    www.domain.us – Customers in the United States
    www.domain.ca – Customers in the Canada
    www.domain.com – Customers in rest the world


This article guide you to do that.

AbWahab07

# DEV Sandbox

## Objective

Learn Shopify and practice JavaScript by following BVA styleguide.
Some designs might be simplified along the way.

## Links

### Git

AbWahab07

Inspired by dannyfritz/commit-message-emoji

See also gitmoji.

Commit type	Emoji
Initial commit	🎉 :tada:
Version tag	🔖 :bookmark:
New feature	✨ :sparkles:
Bugfix	🐛 :bug:

AbWahab07

Grid & Flexbox Review

Introduction

• https://github.com/jen4web/fem-adv-css-layout

Flexbox Review Excercise

• https://codepen.io/jen4web/pen/dxqjKG
• https://codepen.io/jen4web/pen/dxqjKG

Flexbox Review Solution

• https://codepen.io/jen4web/pen/ZgMRJy

AbWahab07

#Heading 1 ##Heading 2 ###Heading 3 ####Heading 4 #####Heading 5 ######Heading 6

---

Paragraph

AbWahab07

Inspiration

Remixing

Sarah discusses the importance of taking inspiration from other sources and finding your heroes, but not copying them - remixing them.

• https://dribbble.com/
• https://www.behance.net/
• https://codepen.io/
• https://glitch.com/
• https://codesandbox.io/

AbWahab07

sass/
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _typography.scss  # Typography rules
|   ...                  # Etc…
|
|– components/
|   |– _buttons.scss     # Buttons
|   |– _carousel.scss    # Carousel

AbWahab07

<div class="guarantee ">
  <div class="guaranteeWrap text-center">
    <div class="toplogo">
      <img src="https://cdn.shopify.com/s/files/1/0376/1759/8600/files/LHG_1_410x.png?v=1589111157" alt="">
      <img src="https://cdn.shopify.com/s/files/1/0376/1759/8600/files/BEB96113-2102-416D-AB8C-233A5B1D7E25_480x480_e3ddf4a5-4320-46f4-917e-40da6a07a4c9.png?v=1598321627" />
    </div>
    <div class="sectiontitle">
      <h2>Our Guarantee</h2>
    </div>
    <div class="sectioncontent">

AbWahab07

{% if product.variants.size > 1 %}
  <script>
    var variantImages = {},
      thumbnails,
      variant,
      variantImage,
      optionValue,
      productOptions = [];
      {% for variant in product.variants %}
        variant = {{ variant | json }};

AbWahab07

<script id="product-json-{{ product.id }}" class="product-json" type="application/json">
  {
      "id": {{ product.id | json }},
      "title": {{ product.title | json }},
      "handle": {{ product.handle | json }},
      "description": {{ product.description | json }},
      "vendor": {{ product.vendor | json }},
      "type": {{ product.type | json }},
      "tags": {{ product.tags | json }},
      "price": {{ product.price | json }},