You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Size' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Color' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
You renderd the snippet swatch.liquid with the name of a product option — 'Material' — that does not belong to your product.
Use {% render 'swatch' with 'name of your product option here' %}
Example: {% render 'swatch' with 'Color' %}
This is case-sensitive! Do not put in 'color' if your product option name is 'Color'.
Outdoor/Indoor Mats
Establishing a complete threshold defense requires specialized textiles for both sides of your doorway. Our comprehensive mat collection provides aggressive dirt extraction for the exterior and rapid moisture absorption for the interior. Crafted from industrial-grade rubber, natural coir, and highly absorbent cotton blends, these functional layers work in tandem to protect your indoor flooring from abrasive debris, weather elements, and daily foot traffic.
Dual-Zone Floor Protection
Effective floor protection is a two-step architectural process. Outdoor mats serve as the initial barrier, utilizing high-friction surfaces to mechanically scrape heavy mud and gravel from footwear. Indoor mats complete the sequence by absorbing residual moisture and trapping fine dust before it can penetrate your interior living spaces, ensuring your hardwood and carpets remain completely protected.
Material Composition & Environmental Resilience
Each zone requires specific structural compositions. Our outdoor mats utilize rigid natural coir, UV-stabilized PVC, and heavy-duty rubber to withstand direct sun and heavy rain without cracking or rotting. Conversely, our indoor mats are engineered from tightly woven cottons, microfibers, and synthetic blends featuring anti-slip TPR (Thermoplastic Rubber) backings to ensure they sit flat and secure on smooth indoor flooring.
Moisture Extraction & Drainage
Water management differs fundamentally across the threshold. Outdoor mats feature open-loop architectures or sloped rubber borders that actively channel rainwater away, preventing localized pooling at your door. Indoor mats are highly porous, designed to rapidly pull moisture away from damp shoes using capillary action, drying quickly to prevent indoor mildew or musty odors.
Standard Threshold Dimensions
Proper sizing guarantees continuous surface protection. Both our outdoor and indoor mats are cut to standard doorway dimensions (typically 18x30 inches or 24x36 inches). This ensures complete horizontal coverage across standard single doors and French doors, forcing foot traffic to engage directly with the textile's scraping or absorbing surface.
How to Choose Outdoor & Indoor Mats
For optimal threshold defense, strictly select these mats as a functional pair. Choose a heavy rubber or dense coir mat for the exterior to handle heavy debris and weather exposure. Pair it with a highly absorbent, low-profile cotton or microfiber mat for the interior to catch moisture. Always ensure the indoor mat has a low enough pile height to allow your door to swing over it without friction.
How to Clean and Maintain Outdoor & Indoor Mats
Maintenance must be separated by material type. Aggressively shake out or hose down outdoor rubber and coir mats; never put them in a washing machine. For indoor fabric mats, vacuum weekly using suction only, and machine wash in cold water on a gentle cycle. Always air dry indoor mats to prevent high heat from destroying the anti-slip rubber backing.
Frequently Asked Questions About Outdoor & Indoor Mats
Why do I need both an indoor and an outdoor mat?
They serve two distinct structural functions: the outdoor mat mechanically scrapes away heavy mud, gravel, and bulk water, while the indoor mat absorbs residual dampness and fine dust to completely protect your interior floors.
Which material is best for an outdoor mat?
Industrial rubber, extruded PVC, and natural coir are optimal for the exterior. They provide maximum scraping friction and resist structural degradation when exposed to rain, UV rays, and fluctuating outdoor temperatures.
Which material is best for an indoor mat?
Tightly woven cotton and absorbent microfiber blends with a built-in anti-slip rubber backing are best for indoors. They rapidly extract moisture from shoes and remain securely anchored to smooth hard floors.
How do I choose the right size for my mats?
Measure the width of your door frame. The mats should match or slightly exceed this width (typically 18x30 inches or 24x36 inches) to ensure no foot traffic can easily bypass the protective surface.
Can I use an indoor mat outside?
No. Indoor mats are designed to absorb water and will quickly become saturated, heavy, and susceptible to mildew if exposed to direct rain. They also lack the rigid friction required to scrape heavy mud.
How do I clean my threshold mats?
Hose down outdoor mats and allow them to dry in the sun. Machine wash indoor fabric mats on a cold, gentle cycle, and strictly air dry them to preserve the integrity of their anti-slip backings.