www.camotrading.com
Open in
urlscan Pro
2606:2800:130:2cb9:f812:b013:8b15:1f96
Public Scan
URL:
https://www.camotrading.com/elk-mountain-rug-collection.html?utm_source=CT20240520I5&utm_medium=email&utm_campaign=decorate+...
Submission: On May 20 via api from US — Scanned from DE
Submission: On May 20 via api from US — Scanned from DE
Form analysis 3 forms found in the DOM
/search.php
<form class="form" data-url="/search.php" data-quick-search-form="" autocomplete="on" action="/search.php">
<fieldset class="form-fieldset">
<legend class="is-srOnly">Search</legend>
<div class="form-field">
<label class="is-srOnly" for="search_query">Search</label>
<input class="form-input" data-search-quick="" name="search_query" id="search_query" data-error-message="Search field cannot be empty." placeholder="Search" autocomplete="off" maxlength="255">
<input type="submit" class="search-btn" value="" title="search">
</div>
</fieldset>
</form>POST /compare
<form action="/compare" method="POST" data-product-compare="">
<ul class="productGrid">
<li class="product">
<article class="card ">
<figure class="card-figure">
<a href="https://www.camotrading.com/elk-mountain-rug-2-x-3.html" class="card-figure__link" aria-label="Elk Mountain Rug - 2 x 3">
<div class="card-img-container" id="product_img_578">
<img src="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/500x659/products/578/2369/media__03526.1678998104.jpg?c=1" alt="Elk Mountain Rug - 2 x 3" title="Elk Mountain Rug - 2 x 3" data-sizes="auto" srcset="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/80w/products/578/2369/media__03526.1678998104.jpg?c=1 80w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/160w/products/578/2369/media__03526.1678998104.jpg?c=1 160w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/320w/products/578/2369/media__03526.1678998104.jpg?c=1 320w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/640w/products/578/2369/media__03526.1678998104.jpg?c=1 640w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/960w/products/578/2369/media__03526.1678998104.jpg?c=1 960w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1280w/products/578/2369/media__03526.1678998104.jpg?c=1 1280w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1920w/products/578/2369/media__03526.1678998104.jpg?c=1 1920w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/2560w/products/578/2369/media__03526.1678998104.jpg?c=1 2560w" data-srcset="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/80w/products/578/2369/media__03526.1678998104.jpg?c=1 80w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/160w/products/578/2369/media__03526.1678998104.jpg?c=1 160w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/320w/products/578/2369/media__03526.1678998104.jpg?c=1 320w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/640w/products/578/2369/media__03526.1678998104.jpg?c=1 640w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/960w/products/578/2369/media__03526.1678998104.jpg?c=1 960w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1280w/products/578/2369/media__03526.1678998104.jpg?c=1 1280w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1920w/products/578/2369/media__03526.1678998104.jpg?c=1 1920w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/2560w/products/578/2369/media__03526.1678998104.jpg?c=1 2560w" class="card-image lazyautosizes lazyloaded" sizes="230px">
</div>
</a>
<figcaption class="card-figcaption">
<div class="card-figcaption-body">
<label class="button button--small card-figcaption-button" for="compare-578"> Compare <input type="checkbox" name="products[]" value="578" id="compare-578" data-compare-id="578">
</label>
<a href="https://www.camotrading.com/cart.php?action=add&product_id=578" data-event-type="product-click" data-button-type="add-cart" class="button button--small card-figcaption-button">Add to Cart</a>
<span class="product-status-message aria-description--hidden">The item has been added</span>
</div>
</figcaption>
</figure>
<div class="card-body">
<h2 class="card-title">
<a aria-label="Elk Mountain Rug - 2 x 3" class="ysw-u-text-decoration-none" href="https://www.camotrading.com/elk-mountain-rug-2-x-3.html">Elk Mountain Rug - 2 x 3</a>
</h2>
<div class="card-text description-578" data-test-info-type="description-summary">
<span class="desc-578">The 2 x 3 Elk Mountain Rug features heat-set olefin with jute backing. These camo rugs measure 1'10"W x 3'L. For more pieces, we ask you to take some time to review our comprehensive range of camo rugs at Camo
Trading now.</span>
<a 2="" 3="" class="relative" href="https://www.camotrading.com/elk-mountain-rug-2-x-3.html" aria-label="View Details about the undefined" title="Elk" mountain="" rug="" -="" x="">
<span class="view-item-details">
View Details
</span>
</a>
</div>
<div class="error_msg" style="display: none;">Please Select an option.</div>
<div class="card-text" data-test-info-type="price">
<div class="price-section price-section--withoutTax non-sale-price--withoutTax">
<p class="sr-only price-label"> Old Price: </p>
<p data-product-non-sale-price-without-tax="" class="price price--non-sale" tabindex="0">
<span class="sr-only">Old Price</span>
<s>$58.95</s>
</p>
</div>
<div class="price-section price-section--withoutTax" tabindex="0">
<p class="sr-only price-label">
</p>
<p class="sr-only price-now-label"> Sale Price: </p>
<p data-product-price-without-tax="" class="price price--withoutTax"> $49.95 </p>
</div>
<span class="data-product-price" style="display: none;">49.95</span>
</div>
</div>
<div class="qnt-section">
<div class="quantity-section">
<label class="form-label form-label--alternate" for="qty-578">Quantity:</label>
<div class="form-increment" data-quantity-change="">
<a href="javascript:void(0);" class="button button--focusable button--icon" data-action="dec" role="button">
<span class="is-srOnly">Decrease Quantity:</span>
<i class="icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" viewBox="0 0 14 2"><g><g transform="rotate(44 7 1)"><path d="M11.866-2.891l-.981-.982L6.994.018 6.012 1l-3.89 3.89.98.982 3.892-3.89L7.975 1z"></path></g></g></svg>
</i>
</a>
<input class="form-input form-input--incrementTotal qtyBox " type="number" id="qty-578" value="0" data-product-id="578" estimate-price="0" aria-live="polite">
<a href="javascript:void(0);" class="button button--focusable button--icon" data-action="inc" role="button">
<span class="is-srOnly">Increase Quantity:</span>
<i class="icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g><g transform="rotate(44 7 7)"><path d="M11.866 3.109l-.981-.982-3.891 3.891-3.891-3.89-.982.98L6.012 7l-3.89 3.89.98.982 3.892-3.89 3.89 3.89.982-.981L7.976 7z"></path></g></g></svg>
</i>
</a>
</div>
</div>
</div>
</article>
<script>
fetch('/graphql', {
method: 'POST',
credentials: 'same-origin',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOjEsImNvcnMiOlsiaHR0cHM6Ly93d3cuY2Ftb3RyYWRpbmcuY29tIl0sImVhdCI6MTcxNjIzNjA2MywiaWF0IjoxNzE2MDYzMjYzLCJpc3MiOiJCQyIsInNpZCI6MTAwMTU1NDcxMywic3ViIjoiQkMiLCJzdWJfdHlwZSI6MCwidG9rZW5fdHlwZSI6MX0.S0PTOAi3RxucT02qgNyhNEsigdyLPEcnSLlh9kwSNF6Vk1FlRAY6bxVJLYsnppzJQSiZ5at20upRyyJFA2yeVw'
},
body: JSON.stringify({
query: `
query MyFirstQuery {
site {
products(entityIds: 578) {
edges {
node {
entityId
name
minPurchaseQuantity
maxPurchaseQuantity
defaultImage {
url(width: 500, height: 500)
urlOriginal
}
description
prices {
price {
value
currencyCode
}
retailPrice {
value
currencyCode
}
}
productOptions {
edges {
node {
__typename
}
}
}
options {
edges {
node {
entityId
displayName
isRequired
values {
edges {
node {
entityId
label
}
}
}
}
}
}
}
}
}
}
}`
}),
}).then(res => res.json()).then(json => CardGridView(json));
function CardGridView(response) {
var response_data = response.data.site.products.edges[0].node;
/*new variable for description*/
var product_description = response_data.description;
var select_option_html = "";
var option_id_arry = new Array();
var prod_id = response_data.entityId;
var prod_img = response_data.defaultImage;
var min_qnty = (response_data.minPurchaseQuantity === null) ? 0 : response_data.minPurchaseQuantity;
var max_qnty = (response_data.maxPurchaseQuantity === null) ? '' : response_data.maxPurchaseQuantity;
var prod_default_img = jsContext.peoduct_default_img;
/*new function call for description*/
displayDescriptionText(prod_id, product_description);
$(':text[data-product-id=' + prod_id + ']').attr({
"min-qnty": min_qnty,
"max-qnty": max_qnty
}).val(min_qnty);
if (prod_img !== null) {
prod_default_img = prod_img.url;
}
var options = response_data.options.edges;
var isText = response_data.productOptions.edges;
for (var i = 0; i < options.length; i++) {
var options_name = options[i].node.displayName;
var attr_id = options[i].node.entityId;
var options_values = options[i].node.values.edges;
if (!options[i].node.values.edges.length) {
select_option_html += '<label class="form-label form-label--alternate form-label--inlineSmall" for="attribute_text_' + options[i].node.entityId + '">' + options[i].node.displayName +
':</label><input class="form-input option form-input--small" type="text" data-id="' + options[i].node.entityId + '" id="attribute_text_' + options[i].node.entityId + '" name="attribute[' + options[i].node.entityId +
']" value="" required="' + options[i].node.isRequired + '">';
} else {
select_option_html += "<label>" + options_name + ":</label><select class='option' prod_id =" + prod_id + " id=" + attr_id + " attr_id=" + attr_id + "><option value = ''>Choose Options</option>";
for (var j = 0; j < options_values.length; j++) {
option_id_arry.push(options_values[j].node.entityId);
select_option_html += "<option option-param='attribute[" + attr_id + "]=" + options_values[j].node.entityId + "' value =" + options_values[j].node.entityId + " id = " + prod_id + "-" + options_values[j].node.entityId + ">" +
options_values[j].node.label + "</option>";
}
select_option_html = select_option_html + "</select>";
}
}
$("#product_variants-" + prod_id).html(select_option_html);
$('#product_variants-' + prod_id + ' select').on('change', function(e) {
e.stopImmediatePropagation();
var gridOptions = $(this).parent('div');
var product_id = $(this).attr('prod_id');
var optoin_param = "";
gridOptions.find('select option:selected').each(function() {
if ($(this).val() != '') {
optoin_param += $(this).attr('option-param') + "&";
}
});
setAvailableOptions(prod_default_img, attr_id, product_id, optoin_param, option_id_arry);
});
$("#product_variants-" + prod_id).html(select_option_html);
}
function setAvailableOptions(prod_default_img, attr_id, product_id, optoin_param, option_id_arry) {
$.ajax({
method: "POST",
url: "/remote/v1/product-attributes/" + product_id,
data: "action=add&" + optoin_param + "product_id=" + product_id,
success: function(response) {
var available_options = (response.data.in_stock_attributes !== undefined) ? response.data.in_stock_attributes : false;
var option_img = response.data.image;
var inStock = response.data.instock;
var img_ = $('#product_img_' + product_id + ' img');
var img_src = "";
var qtyBox = $(':text[data-product-id=' + product_id + ']');
if (option_img !== null) {
img_.removeAttr('srcset');
//img_.removeAttr('data-srcset');
img_src = option_img.data;
img_src = img_src.replace("{:size}", "500x659");
img_.attr("src", img_src);
} else {
img_.attr("src", prod_default_img);
}
var total_options = option_id_arry;
disableNotAvailableOptions(product_id, attr_id, total_options, available_options);
}
});
}
function disableNotAvailableOptions(product_id, attr_id, total_options, available_options) {
if (available_options) {
var notAvailableOptions = total_options.filter(x => !available_options.includes(x));
var tmp = $('#' + attr_id).nextAll('select');
tmp.each(function() {
$(this).find('option').prop("disabled", false);
});
if (notAvailableOptions.length) {
for (var i = 0; i < notAvailableOptions.length; i++) {
$('#' + product_id + '-' + notAvailableOptions[i]).prop("disabled", true);
}
}
}
}
/*new function for description*/
function displayDescriptionText(prod_id, product_description) {
var desc_text = product_description.replace(/(<([^>]+)>)/gi, "");
if (desc_text.length > 500) {
desc_text = desc_text.substr(0, 510) + "... ";
}
$('.desc-' + prod_id).text(desc_text);
}
</script>
</li>
<li class="product">
<article class="card ">
<figure class="card-figure">
<a href="https://www.camotrading.com/elk-mountain-rug-2-x-7.html" class="card-figure__link" aria-label="Elk Mountain Rug - 2 x 7">
<div class="card-img-container" id="product_img_579">
<img src="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/500x659/products/579/2363/media__93398.1678998104.jpg?c=1" alt="Elk Mountain Rug - 2 x 7" title="Elk Mountain Rug - 2 x 7" data-sizes="auto" srcset="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/80w/products/579/2363/media__93398.1678998104.jpg?c=1 80w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/160w/products/579/2363/media__93398.1678998104.jpg?c=1 160w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/320w/products/579/2363/media__93398.1678998104.jpg?c=1 320w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/640w/products/579/2363/media__93398.1678998104.jpg?c=1 640w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/960w/products/579/2363/media__93398.1678998104.jpg?c=1 960w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1280w/products/579/2363/media__93398.1678998104.jpg?c=1 1280w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1920w/products/579/2363/media__93398.1678998104.jpg?c=1 1920w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/2560w/products/579/2363/media__93398.1678998104.jpg?c=1 2560w" data-srcset="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/80w/products/579/2363/media__93398.1678998104.jpg?c=1 80w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/160w/products/579/2363/media__93398.1678998104.jpg?c=1 160w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/320w/products/579/2363/media__93398.1678998104.jpg?c=1 320w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/640w/products/579/2363/media__93398.1678998104.jpg?c=1 640w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/960w/products/579/2363/media__93398.1678998104.jpg?c=1 960w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1280w/products/579/2363/media__93398.1678998104.jpg?c=1 1280w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1920w/products/579/2363/media__93398.1678998104.jpg?c=1 1920w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/2560w/products/579/2363/media__93398.1678998104.jpg?c=1 2560w" class="card-image lazyautosizes lazyloaded" sizes="230px">
</div>
</a>
<figcaption class="card-figcaption">
<div class="card-figcaption-body">
<label class="button button--small card-figcaption-button" for="compare-579"> Compare <input type="checkbox" name="products[]" value="579" id="compare-579" data-compare-id="579">
</label>
<a href="https://www.camotrading.com/cart.php?action=add&product_id=579" data-event-type="product-click" data-button-type="add-cart" class="button button--small card-figcaption-button">Add to Cart</a>
<span class="product-status-message aria-description--hidden">The item has been added</span>
</div>
</figcaption>
</figure>
<div class="card-body">
<h2 class="card-title">
<a aria-label="Elk Mountain Rug - 2 x 7" class="ysw-u-text-decoration-none" href="https://www.camotrading.com/elk-mountain-rug-2-x-7.html">Elk Mountain Rug - 2 x 7</a>
</h2>
<div class="card-text description-579" data-test-info-type="description-summary">
<span class="desc-579">The 2 x 7 Elk Mountain Rug features heat-set olefin with jute backing. These camo rugs measure 1'10"W x 7'2"L. For further offerings, we ask you to spend some time to browse our comprehensive inventory of camo rugs
at Camo Trading today.</span>
<a 2="" 7="" class="relative" href="https://www.camotrading.com/elk-mountain-rug-2-x-7.html" aria-label="View Details about the undefined" title="Elk" mountain="" rug="" -="" x="">
<span class="view-item-details">
View Details
</span>
</a>
</div>
<div class="error_msg" style="display: none;">Please Select an option.</div>
<div class="card-text" data-test-info-type="price">
<div class="price-section price-section--withoutTax non-sale-price--withoutTax">
<p class="sr-only price-label"> Old Price: </p>
<p data-product-non-sale-price-without-tax="" class="price price--non-sale" tabindex="0">
<span class="sr-only">Old Price</span>
<s>$70.95</s>
</p>
</div>
<div class="price-section price-section--withoutTax" tabindex="0">
<p class="sr-only price-label">
</p>
<p class="sr-only price-now-label"> Sale Price: </p>
<p data-product-price-without-tax="" class="price price--withoutTax"> $59.95 </p>
</div>
<span class="data-product-price" style="display: none;">59.95</span>
</div>
</div>
<div class="qnt-section">
<div class="quantity-section">
<label class="form-label form-label--alternate" for="qty-579">Quantity:</label>
<div class="form-increment" data-quantity-change="">
<a href="javascript:void(0);" class="button button--focusable button--icon" data-action="dec" role="button">
<span class="is-srOnly">Decrease Quantity:</span>
<i class="icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" viewBox="0 0 14 2"><g><g transform="rotate(44 7 1)"><path d="M11.866-2.891l-.981-.982L6.994.018 6.012 1l-3.89 3.89.98.982 3.892-3.89L7.975 1z"></path></g></g></svg>
</i>
</a>
<input class="form-input form-input--incrementTotal qtyBox " type="number" id="qty-579" value="0" data-product-id="579" estimate-price="0" aria-live="polite">
<a href="javascript:void(0);" class="button button--focusable button--icon" data-action="inc" role="button">
<span class="is-srOnly">Increase Quantity:</span>
<i class="icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g><g transform="rotate(44 7 7)"><path d="M11.866 3.109l-.981-.982-3.891 3.891-3.891-3.89-.982.98L6.012 7l-3.89 3.89.98.982 3.892-3.89 3.89 3.89.982-.981L7.976 7z"></path></g></g></svg>
</i>
</a>
</div>
</div>
</div>
</article>
<script>
fetch('/graphql', {
method: 'POST',
credentials: 'same-origin',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOjEsImNvcnMiOlsiaHR0cHM6Ly93d3cuY2Ftb3RyYWRpbmcuY29tIl0sImVhdCI6MTcxNjIzNjA2MywiaWF0IjoxNzE2MDYzMjYzLCJpc3MiOiJCQyIsInNpZCI6MTAwMTU1NDcxMywic3ViIjoiQkMiLCJzdWJfdHlwZSI6MCwidG9rZW5fdHlwZSI6MX0.S0PTOAi3RxucT02qgNyhNEsigdyLPEcnSLlh9kwSNF6Vk1FlRAY6bxVJLYsnppzJQSiZ5at20upRyyJFA2yeVw'
},
body: JSON.stringify({
query: `
query MyFirstQuery {
site {
products(entityIds: 579) {
edges {
node {
entityId
name
minPurchaseQuantity
maxPurchaseQuantity
defaultImage {
url(width: 500, height: 500)
urlOriginal
}
description
prices {
price {
value
currencyCode
}
retailPrice {
value
currencyCode
}
}
productOptions {
edges {
node {
__typename
}
}
}
options {
edges {
node {
entityId
displayName
isRequired
values {
edges {
node {
entityId
label
}
}
}
}
}
}
}
}
}
}
}`
}),
}).then(res => res.json()).then(json => CardGridView(json));
function CardGridView(response) {
var response_data = response.data.site.products.edges[0].node;
/*new variable for description*/
var product_description = response_data.description;
var select_option_html = "";
var option_id_arry = new Array();
var prod_id = response_data.entityId;
var prod_img = response_data.defaultImage;
var min_qnty = (response_data.minPurchaseQuantity === null) ? 0 : response_data.minPurchaseQuantity;
var max_qnty = (response_data.maxPurchaseQuantity === null) ? '' : response_data.maxPurchaseQuantity;
var prod_default_img = jsContext.peoduct_default_img;
/*new function call for description*/
displayDescriptionText(prod_id, product_description);
$(':text[data-product-id=' + prod_id + ']').attr({
"min-qnty": min_qnty,
"max-qnty": max_qnty
}).val(min_qnty);
if (prod_img !== null) {
prod_default_img = prod_img.url;
}
var options = response_data.options.edges;
var isText = response_data.productOptions.edges;
for (var i = 0; i < options.length; i++) {
var options_name = options[i].node.displayName;
var attr_id = options[i].node.entityId;
var options_values = options[i].node.values.edges;
if (!options[i].node.values.edges.length) {
select_option_html += '<label class="form-label form-label--alternate form-label--inlineSmall" for="attribute_text_' + options[i].node.entityId + '">' + options[i].node.displayName +
':</label><input class="form-input option form-input--small" type="text" data-id="' + options[i].node.entityId + '" id="attribute_text_' + options[i].node.entityId + '" name="attribute[' + options[i].node.entityId +
']" value="" required="' + options[i].node.isRequired + '">';
} else {
select_option_html += "<label>" + options_name + ":</label><select class='option' prod_id =" + prod_id + " id=" + attr_id + " attr_id=" + attr_id + "><option value = ''>Choose Options</option>";
for (var j = 0; j < options_values.length; j++) {
option_id_arry.push(options_values[j].node.entityId);
select_option_html += "<option option-param='attribute[" + attr_id + "]=" + options_values[j].node.entityId + "' value =" + options_values[j].node.entityId + " id = " + prod_id + "-" + options_values[j].node.entityId + ">" +
options_values[j].node.label + "</option>";
}
select_option_html = select_option_html + "</select>";
}
}
$("#product_variants-" + prod_id).html(select_option_html);
$('#product_variants-' + prod_id + ' select').on('change', function(e) {
e.stopImmediatePropagation();
var gridOptions = $(this).parent('div');
var product_id = $(this).attr('prod_id');
var optoin_param = "";
gridOptions.find('select option:selected').each(function() {
if ($(this).val() != '') {
optoin_param += $(this).attr('option-param') + "&";
}
});
setAvailableOptions(prod_default_img, attr_id, product_id, optoin_param, option_id_arry);
});
$("#product_variants-" + prod_id).html(select_option_html);
}
function setAvailableOptions(prod_default_img, attr_id, product_id, optoin_param, option_id_arry) {
$.ajax({
method: "POST",
url: "/remote/v1/product-attributes/" + product_id,
data: "action=add&" + optoin_param + "product_id=" + product_id,
success: function(response) {
var available_options = (response.data.in_stock_attributes !== undefined) ? response.data.in_stock_attributes : false;
var option_img = response.data.image;
var inStock = response.data.instock;
var img_ = $('#product_img_' + product_id + ' img');
var img_src = "";
var qtyBox = $(':text[data-product-id=' + product_id + ']');
if (option_img !== null) {
img_.removeAttr('srcset');
//img_.removeAttr('data-srcset');
img_src = option_img.data;
img_src = img_src.replace("{:size}", "500x659");
img_.attr("src", img_src);
} else {
img_.attr("src", prod_default_img);
}
var total_options = option_id_arry;
disableNotAvailableOptions(product_id, attr_id, total_options, available_options);
}
});
}
function disableNotAvailableOptions(product_id, attr_id, total_options, available_options) {
if (available_options) {
var notAvailableOptions = total_options.filter(x => !available_options.includes(x));
var tmp = $('#' + attr_id).nextAll('select');
tmp.each(function() {
$(this).find('option').prop("disabled", false);
});
if (notAvailableOptions.length) {
for (var i = 0; i < notAvailableOptions.length; i++) {
$('#' + product_id + '-' + notAvailableOptions[i]).prop("disabled", true);
}
}
}
}
/*new function for description*/
function displayDescriptionText(prod_id, product_description) {
var desc_text = product_description.replace(/(<([^>]+)>)/gi, "");
if (desc_text.length > 500) {
desc_text = desc_text.substr(0, 510) + "... ";
}
$('.desc-' + prod_id).text(desc_text);
}
</script>
</li>
<li class="product">
<article class="card ">
<figure class="card-figure">
<a href="https://www.camotrading.com/elk-mountain-rug-5-x-7.html" class="card-figure__link" aria-label="Elk Mountain Rug - 5 x 7">
<div class="card-img-container" id="product_img_580">
<img src="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/500x659/products/580/2362/media__62764.1678998104.jpg?c=1" alt="Elk Mountain Rug - 5 x 7" title="Elk Mountain Rug - 5 x 7" data-sizes="auto" srcset="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/80w/products/580/2362/media__62764.1678998104.jpg?c=1 80w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/160w/products/580/2362/media__62764.1678998104.jpg?c=1 160w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/320w/products/580/2362/media__62764.1678998104.jpg?c=1 320w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/640w/products/580/2362/media__62764.1678998104.jpg?c=1 640w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/960w/products/580/2362/media__62764.1678998104.jpg?c=1 960w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1280w/products/580/2362/media__62764.1678998104.jpg?c=1 1280w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1920w/products/580/2362/media__62764.1678998104.jpg?c=1 1920w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/2560w/products/580/2362/media__62764.1678998104.jpg?c=1 2560w" data-srcset="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/80w/products/580/2362/media__62764.1678998104.jpg?c=1 80w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/160w/products/580/2362/media__62764.1678998104.jpg?c=1 160w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/320w/products/580/2362/media__62764.1678998104.jpg?c=1 320w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/640w/products/580/2362/media__62764.1678998104.jpg?c=1 640w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/960w/products/580/2362/media__62764.1678998104.jpg?c=1 960w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1280w/products/580/2362/media__62764.1678998104.jpg?c=1 1280w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1920w/products/580/2362/media__62764.1678998104.jpg?c=1 1920w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/2560w/products/580/2362/media__62764.1678998104.jpg?c=1 2560w" class="card-image lazyautosizes lazyloaded" sizes="230px">
</div>
</a>
<figcaption class="card-figcaption">
<div class="card-figcaption-body">
<label class="button button--small card-figcaption-button" for="compare-580"> Compare <input type="checkbox" name="products[]" value="580" id="compare-580" data-compare-id="580">
</label>
<a href="https://www.camotrading.com/cart.php?action=add&product_id=580" data-event-type="product-click" data-button-type="add-cart" class="button button--small card-figcaption-button">Add to Cart</a>
<span class="product-status-message aria-description--hidden">The item has been added</span>
</div>
</figcaption>
</figure>
<div class="card-body">
<h2 class="card-title">
<a aria-label="Elk Mountain Rug - 5 x 7" class="ysw-u-text-decoration-none" href="https://www.camotrading.com/elk-mountain-rug-5-x-7.html">Elk Mountain Rug - 5 x 7</a>
</h2>
<div class="card-text description-580" data-test-info-type="description-summary">
<span class="desc-580">The 5 x 7 Elk Mountain Rug features heat-set olefin with jute backing. These camo rugs measure 5'3"W x 7'2"L. For further items, we encourage you to take the time to have a look at our thorough assortment of camo
rugs at Camo Trading today.</span>
<a 5="" 7="" class="relative" href="https://www.camotrading.com/elk-mountain-rug-5-x-7.html" aria-label="View Details about the undefined" title="Elk" mountain="" rug="" -="" x="">
<span class="view-item-details">
View Details
</span>
</a>
</div>
<div class="error_msg" style="display: none;">Please Select an option.</div>
<div class="card-text" data-test-info-type="price">
<div class="price-section price-section--withoutTax non-sale-price--withoutTax">
<p class="sr-only price-label"> Old Price: </p>
<p data-product-non-sale-price-without-tax="" class="price price--non-sale" tabindex="0">
<span class="sr-only">Old Price</span>
<s>$166.95</s>
</p>
</div>
<div class="price-section price-section--withoutTax" tabindex="0">
<p class="sr-only price-label">
</p>
<p class="sr-only price-now-label"> Sale Price: </p>
<p data-product-price-without-tax="" class="price price--withoutTax"> $139.95 </p>
</div>
<span class="data-product-price" style="display: none;">139.95</span>
</div>
</div>
<div class="qnt-section">
<div class="quantity-section">
<label class="form-label form-label--alternate" for="qty-580">Quantity:</label>
<div class="form-increment" data-quantity-change="">
<a href="javascript:void(0);" class="button button--focusable button--icon" data-action="dec" role="button">
<span class="is-srOnly">Decrease Quantity:</span>
<i class="icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" viewBox="0 0 14 2"><g><g transform="rotate(44 7 1)"><path d="M11.866-2.891l-.981-.982L6.994.018 6.012 1l-3.89 3.89.98.982 3.892-3.89L7.975 1z"></path></g></g></svg>
</i>
</a>
<input class="form-input form-input--incrementTotal qtyBox " type="number" id="qty-580" value="0" data-product-id="580" estimate-price="0" aria-live="polite">
<a href="javascript:void(0);" class="button button--focusable button--icon" data-action="inc" role="button">
<span class="is-srOnly">Increase Quantity:</span>
<i class="icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g><g transform="rotate(44 7 7)"><path d="M11.866 3.109l-.981-.982-3.891 3.891-3.891-3.89-.982.98L6.012 7l-3.89 3.89.98.982 3.892-3.89 3.89 3.89.982-.981L7.976 7z"></path></g></g></svg>
</i>
</a>
</div>
</div>
</div>
</article>
<script>
fetch('/graphql', {
method: 'POST',
credentials: 'same-origin',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOjEsImNvcnMiOlsiaHR0cHM6Ly93d3cuY2Ftb3RyYWRpbmcuY29tIl0sImVhdCI6MTcxNjIzNjA2MywiaWF0IjoxNzE2MDYzMjYzLCJpc3MiOiJCQyIsInNpZCI6MTAwMTU1NDcxMywic3ViIjoiQkMiLCJzdWJfdHlwZSI6MCwidG9rZW5fdHlwZSI6MX0.S0PTOAi3RxucT02qgNyhNEsigdyLPEcnSLlh9kwSNF6Vk1FlRAY6bxVJLYsnppzJQSiZ5at20upRyyJFA2yeVw'
},
body: JSON.stringify({
query: `
query MyFirstQuery {
site {
products(entityIds: 580) {
edges {
node {
entityId
name
minPurchaseQuantity
maxPurchaseQuantity
defaultImage {
url(width: 500, height: 500)
urlOriginal
}
description
prices {
price {
value
currencyCode
}
retailPrice {
value
currencyCode
}
}
productOptions {
edges {
node {
__typename
}
}
}
options {
edges {
node {
entityId
displayName
isRequired
values {
edges {
node {
entityId
label
}
}
}
}
}
}
}
}
}
}
}`
}),
}).then(res => res.json()).then(json => CardGridView(json));
function CardGridView(response) {
var response_data = response.data.site.products.edges[0].node;
/*new variable for description*/
var product_description = response_data.description;
var select_option_html = "";
var option_id_arry = new Array();
var prod_id = response_data.entityId;
var prod_img = response_data.defaultImage;
var min_qnty = (response_data.minPurchaseQuantity === null) ? 0 : response_data.minPurchaseQuantity;
var max_qnty = (response_data.maxPurchaseQuantity === null) ? '' : response_data.maxPurchaseQuantity;
var prod_default_img = jsContext.peoduct_default_img;
/*new function call for description*/
displayDescriptionText(prod_id, product_description);
$(':text[data-product-id=' + prod_id + ']').attr({
"min-qnty": min_qnty,
"max-qnty": max_qnty
}).val(min_qnty);
if (prod_img !== null) {
prod_default_img = prod_img.url;
}
var options = response_data.options.edges;
var isText = response_data.productOptions.edges;
for (var i = 0; i < options.length; i++) {
var options_name = options[i].node.displayName;
var attr_id = options[i].node.entityId;
var options_values = options[i].node.values.edges;
if (!options[i].node.values.edges.length) {
select_option_html += '<label class="form-label form-label--alternate form-label--inlineSmall" for="attribute_text_' + options[i].node.entityId + '">' + options[i].node.displayName +
':</label><input class="form-input option form-input--small" type="text" data-id="' + options[i].node.entityId + '" id="attribute_text_' + options[i].node.entityId + '" name="attribute[' + options[i].node.entityId +
']" value="" required="' + options[i].node.isRequired + '">';
} else {
select_option_html += "<label>" + options_name + ":</label><select class='option' prod_id =" + prod_id + " id=" + attr_id + " attr_id=" + attr_id + "><option value = ''>Choose Options</option>";
for (var j = 0; j < options_values.length; j++) {
option_id_arry.push(options_values[j].node.entityId);
select_option_html += "<option option-param='attribute[" + attr_id + "]=" + options_values[j].node.entityId + "' value =" + options_values[j].node.entityId + " id = " + prod_id + "-" + options_values[j].node.entityId + ">" +
options_values[j].node.label + "</option>";
}
select_option_html = select_option_html + "</select>";
}
}
$("#product_variants-" + prod_id).html(select_option_html);
$('#product_variants-' + prod_id + ' select').on('change', function(e) {
e.stopImmediatePropagation();
var gridOptions = $(this).parent('div');
var product_id = $(this).attr('prod_id');
var optoin_param = "";
gridOptions.find('select option:selected').each(function() {
if ($(this).val() != '') {
optoin_param += $(this).attr('option-param') + "&";
}
});
setAvailableOptions(prod_default_img, attr_id, product_id, optoin_param, option_id_arry);
});
$("#product_variants-" + prod_id).html(select_option_html);
}
function setAvailableOptions(prod_default_img, attr_id, product_id, optoin_param, option_id_arry) {
$.ajax({
method: "POST",
url: "/remote/v1/product-attributes/" + product_id,
data: "action=add&" + optoin_param + "product_id=" + product_id,
success: function(response) {
var available_options = (response.data.in_stock_attributes !== undefined) ? response.data.in_stock_attributes : false;
var option_img = response.data.image;
var inStock = response.data.instock;
var img_ = $('#product_img_' + product_id + ' img');
var img_src = "";
var qtyBox = $(':text[data-product-id=' + product_id + ']');
if (option_img !== null) {
img_.removeAttr('srcset');
//img_.removeAttr('data-srcset');
img_src = option_img.data;
img_src = img_src.replace("{:size}", "500x659");
img_.attr("src", img_src);
} else {
img_.attr("src", prod_default_img);
}
var total_options = option_id_arry;
disableNotAvailableOptions(product_id, attr_id, total_options, available_options);
}
});
}
function disableNotAvailableOptions(product_id, attr_id, total_options, available_options) {
if (available_options) {
var notAvailableOptions = total_options.filter(x => !available_options.includes(x));
var tmp = $('#' + attr_id).nextAll('select');
tmp.each(function() {
$(this).find('option').prop("disabled", false);
});
if (notAvailableOptions.length) {
for (var i = 0; i < notAvailableOptions.length; i++) {
$('#' + product_id + '-' + notAvailableOptions[i]).prop("disabled", true);
}
}
}
}
/*new function for description*/
function displayDescriptionText(prod_id, product_description) {
var desc_text = product_description.replace(/(<([^>]+)>)/gi, "");
if (desc_text.length > 500) {
desc_text = desc_text.substr(0, 510) + "... ";
}
$('.desc-' + prod_id).text(desc_text);
}
</script>
</li>
<li class="product">
<article class="card ">
<figure class="card-figure">
<a href="https://www.camotrading.com/elk-mountain-rug-8-x-10.html" class="card-figure__link" aria-label="Elk Mountain Rug - 8 x 10">
<div class="card-img-container" id="product_img_581">
<img src="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/500x659/products/581/2366/media__61899.1678998105.jpg?c=1" alt="Elk Mountain Rug - 8 x 10" title="Elk Mountain Rug - 8 x 10" data-sizes="auto" srcset="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/80w/products/581/2366/media__61899.1678998105.jpg?c=1 80w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/160w/products/581/2366/media__61899.1678998105.jpg?c=1 160w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/320w/products/581/2366/media__61899.1678998105.jpg?c=1 320w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/640w/products/581/2366/media__61899.1678998105.jpg?c=1 640w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/960w/products/581/2366/media__61899.1678998105.jpg?c=1 960w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1280w/products/581/2366/media__61899.1678998105.jpg?c=1 1280w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1920w/products/581/2366/media__61899.1678998105.jpg?c=1 1920w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/2560w/products/581/2366/media__61899.1678998105.jpg?c=1 2560w" data-srcset="https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/80w/products/581/2366/media__61899.1678998105.jpg?c=1 80w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/160w/products/581/2366/media__61899.1678998105.jpg?c=1 160w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/320w/products/581/2366/media__61899.1678998105.jpg?c=1 320w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/640w/products/581/2366/media__61899.1678998105.jpg?c=1 640w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/960w/products/581/2366/media__61899.1678998105.jpg?c=1 960w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1280w/products/581/2366/media__61899.1678998105.jpg?c=1 1280w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/1920w/products/581/2366/media__61899.1678998105.jpg?c=1 1920w, https://cdn11.bigcommerce.com/s-c0tqv0nsf3/images/stencil/2560w/products/581/2366/media__61899.1678998105.jpg?c=1 2560w" class="card-image lazyautosizes lazyloaded" sizes="230px">
</div>
</a>
<figcaption class="card-figcaption">
<div class="card-figcaption-body">
<label class="button button--small card-figcaption-button" for="compare-581"> Compare <input type="checkbox" name="products[]" value="581" id="compare-581" data-compare-id="581">
</label>
<a href="https://www.camotrading.com/cart.php?action=add&product_id=581" data-event-type="product-click" data-button-type="add-cart" class="button button--small card-figcaption-button">Add to Cart</a>
<span class="product-status-message aria-description--hidden">The item has been added</span>
</div>
</figcaption>
</figure>
<div class="card-body">
<h2 class="card-title">
<a aria-label="Elk Mountain Rug - 8 x 10" class="ysw-u-text-decoration-none" href="https://www.camotrading.com/elk-mountain-rug-8-x-10.html">Elk Mountain Rug - 8 x 10</a>
</h2>
<div class="card-text description-581" data-test-info-type="description-summary">
<span class="desc-581">The 8 x 10 Elk Mountain Rug features heat-set olefin with jute backing. These camo rugs measure 7'10"W x 10'6"L. For further offerings, we ask you to take a moment to have a look at our comprehensive collection of
camo rugs at Camo Trading now.</span>
<a 8="" 10="" class="relative" href="https://www.camotrading.com/elk-mountain-rug-8-x-10.html" aria-label="View Details about the undefined" title="Elk" mountain="" rug="" -="" x="">
<span class="view-item-details">
View Details
</span>
</a>
</div>
<div class="error_msg" style="display: none;">Please Select an option.</div>
<div class="card-text" data-test-info-type="price">
<div class="price-section price-section--withoutTax non-sale-price--withoutTax">
<p class="sr-only price-label"> Old Price: </p>
<p data-product-non-sale-price-without-tax="" class="price price--non-sale" tabindex="0">
<span class="sr-only">Old Price</span>
<s>$322.95</s>
</p>
</div>
<div class="price-section price-section--withoutTax" tabindex="0">
<p class="sr-only price-label">
</p>
<p class="sr-only price-now-label"> Sale Price: </p>
<p data-product-price-without-tax="" class="price price--withoutTax"> $269.95 </p>
</div>
<span class="data-product-price" style="display: none;">269.95</span>
</div>
</div>
<div class="qnt-section">
<div class="quantity-section">
<label class="form-label form-label--alternate" for="qty-581">Quantity:</label>
<div class="form-increment" data-quantity-change="">
<a href="javascript:void(0);" class="button button--focusable button--icon" data-action="dec" role="button">
<span class="is-srOnly">Decrease Quantity:</span>
<i class="icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" viewBox="0 0 14 2"><g><g transform="rotate(44 7 1)"><path d="M11.866-2.891l-.981-.982L6.994.018 6.012 1l-3.89 3.89.98.982 3.892-3.89L7.975 1z"></path></g></g></svg>
</i>
</a>
<input class="form-input form-input--incrementTotal qtyBox " type="number" id="qty-581" value="0" data-product-id="581" estimate-price="0" aria-live="polite">
<a href="javascript:void(0);" class="button button--focusable button--icon" data-action="inc" role="button">
<span class="is-srOnly">Increase Quantity:</span>
<i class="icon" aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g><g transform="rotate(44 7 7)"><path d="M11.866 3.109l-.981-.982-3.891 3.891-3.891-3.89-.982.98L6.012 7l-3.89 3.89.98.982 3.892-3.89 3.89 3.89.982-.981L7.976 7z"></path></g></g></svg>
</i>
</a>
</div>
</div>
</div>
</article>
<script>
fetch('/graphql', {
method: 'POST',
credentials: 'same-origin',
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOjEsImNvcnMiOlsiaHR0cHM6Ly93d3cuY2Ftb3RyYWRpbmcuY29tIl0sImVhdCI6MTcxNjIzNjA2MywiaWF0IjoxNzE2MDYzMjYzLCJpc3MiOiJCQyIsInNpZCI6MTAwMTU1NDcxMywic3ViIjoiQkMiLCJzdWJfdHlwZSI6MCwidG9rZW5fdHlwZSI6MX0.S0PTOAi3RxucT02qgNyhNEsigdyLPEcnSLlh9kwSNF6Vk1FlRAY6bxVJLYsnppzJQSiZ5at20upRyyJFA2yeVw'
},
body: JSON.stringify({
query: `
query MyFirstQuery {
site {
products(entityIds: 581) {
edges {
node {
entityId
name
minPurchaseQuantity
maxPurchaseQuantity
defaultImage {
url(width: 500, height: 500)
urlOriginal
}
description
prices {
price {
value
currencyCode
}
retailPrice {
value
currencyCode
}
}
productOptions {
edges {
node {
__typename
}
}
}
options {
edges {
node {
entityId
displayName
isRequired
values {
edges {
node {
entityId
label
}
}
}
}
}
}
}
}
}
}
}`
}),
}).then(res => res.json()).then(json => CardGridView(json));
function CardGridView(response) {
var response_data = response.data.site.products.edges[0].node;
/*new variable for description*/
var product_description = response_data.description;
var select_option_html = "";
var option_id_arry = new Array();
var prod_id = response_data.entityId;
var prod_img = response_data.defaultImage;
var min_qnty = (response_data.minPurchaseQuantity === null) ? 0 : response_data.minPurchaseQuantity;
var max_qnty = (response_data.maxPurchaseQuantity === null) ? '' : response_data.maxPurchaseQuantity;
var prod_default_img = jsContext.peoduct_default_img;
/*new function call for description*/
displayDescriptionText(prod_id, product_description);
$(':text[data-product-id=' + prod_id + ']').attr({
"min-qnty": min_qnty,
"max-qnty": max_qnty
}).val(min_qnty);
if (prod_img !== null) {
prod_default_img = prod_img.url;
}
var options = response_data.options.edges;
var isText = response_data.productOptions.edges;
for (var i = 0; i < options.length; i++) {
var options_name = options[i].node.displayName;
var attr_id = options[i].node.entityId;
var options_values = options[i].node.values.edges;
if (!options[i].node.values.edges.length) {
select_option_html += '<label class="form-label form-label--alternate form-label--inlineSmall" for="attribute_text_' + options[i].node.entityId + '">' + options[i].node.displayName +
':</label><input class="form-input option form-input--small" type="text" data-id="' + options[i].node.entityId + '" id="attribute_text_' + options[i].node.entityId + '" name="attribute[' + options[i].node.entityId +
']" value="" required="' + options[i].node.isRequired + '">';
} else {
select_option_html += "<label>" + options_name + ":</label><select class='option' prod_id =" + prod_id + " id=" + attr_id + " attr_id=" + attr_id + "><option value = ''>Choose Options</option>";
for (var j = 0; j < options_values.length; j++) {
option_id_arry.push(options_values[j].node.entityId);
select_option_html += "<option option-param='attribute[" + attr_id + "]=" + options_values[j].node.entityId + "' value =" + options_values[j].node.entityId + " id = " + prod_id + "-" + options_values[j].node.entityId + ">" +
options_values[j].node.label + "</option>";
}
select_option_html = select_option_html + "</select>";
}
}
$("#product_variants-" + prod_id).html(select_option_html);
$('#product_variants-' + prod_id + ' select').on('change', function(e) {
e.stopImmediatePropagation();
var gridOptions = $(this).parent('div');
var product_id = $(this).attr('prod_id');
var optoin_param = "";
gridOptions.find('select option:selected').each(function() {
if ($(this).val() != '') {
optoin_param += $(this).attr('option-param') + "&";
}
});
setAvailableOptions(prod_default_img, attr_id, product_id, optoin_param, option_id_arry);
});
$("#product_variants-" + prod_id).html(select_option_html);
}
function setAvailableOptions(prod_default_img, attr_id, product_id, optoin_param, option_id_arry) {
$.ajax({
method: "POST",
url: "/remote/v1/product-attributes/" + product_id,
data: "action=add&" + optoin_param + "product_id=" + product_id,
success: function(response) {
var available_options = (response.data.in_stock_attributes !== undefined) ? response.data.in_stock_attributes : false;
var option_img = response.data.image;
var inStock = response.data.instock;
var img_ = $('#product_img_' + product_id + ' img');
var img_src = "";
var qtyBox = $(':text[data-product-id=' + product_id + ']');
if (option_img !== null) {
img_.removeAttr('srcset');
//img_.removeAttr('data-srcset');
img_src = option_img.data;
img_src = img_src.replace("{:size}", "500x659");
img_.attr("src", img_src);
} else {
img_.attr("src", prod_default_img);
}
var total_options = option_id_arry;
disableNotAvailableOptions(product_id, attr_id, total_options, available_options);
}
});
}
function disableNotAvailableOptions(product_id, attr_id, total_options, available_options) {
if (available_options) {
var notAvailableOptions = total_options.filter(x => !available_options.includes(x));
var tmp = $('#' + attr_id).nextAll('select');
tmp.each(function() {
$(this).find('option').prop("disabled", false);
});
if (notAvailableOptions.length) {
for (var i = 0; i < notAvailableOptions.length; i++) {
$('#' + product_id + '-' + notAvailableOptions[i]).prop("disabled", true);
}
}
}
}
/*new function for description*/
function displayDescriptionText(prod_id, product_description) {
var desc_text = product_description.replace(/(<([^>]+)>)/gi, "");
if (desc_text.length > 500) {
desc_text = desc_text.substr(0, 510) + "... ";
}
$('.desc-' + prod_id).text(desc_text);
}
</script>
</li>
</ul>
</form>POST https://ssl.emailcli.com/signup.aspx
<form class="form" method="POST" action="https://ssl.emailcli.com/signup.aspx" autocomplete="on">
<fieldset class="form-fieldset">
<input type="hidden" name="action" value="subscribe">
<input type="hidden" name="nl_first_name" value="bc">
<input type="hidden" name="check" value="1">
<input type="hidden" name="c" value="151">
<input type="hidden" name="sourcecode" value="cliemailfoot">
<input type="hidden" name="redirect" value="https://www.camotrading.com/">
<div class="form-field">
<label class="form-label" for="nl_email"> Email (name@address.com) required </label>
<div class="form-prefixPostfix wrap">
<input class="form-input" id="nl_email" name="nl_email" type="email" value="" placeholder="Enter Your Email" autocomplete="email"
onkeydown="if (event.keyCode == 13) {return false; this.setAttribute("aria-invalid", "true")}" aria-describedby="znt-error-message_01">
<p id="znt-error-message_01" role="alert">Email cannot be blank or invalid.</p>
<input class="button button--primary form-prefixPostfix-button--postfix" type="button" value="JOIN" aria-disabled="true" aria-label="Join valid input will enable"
onclick="document.querySelector("#nl_email").setAttribute("aria-invalid", "true")">
</div>
</div>
</fieldset>
</form>Text Content
Skip to main content
* Order Status
* Customer Service
Search
Search
Sign In / Register
0 items
* Bedding
* Decor
* Decor
* Shop all DECOR
* Bedding
* Bath
* Antler Décor
* Camo Accessories
* Rugs
* Hunting Light Fixtures
* Camo Wallpapers and Borders
* Camo & Hunting Kitchen Decor
* Hunting Décor
* Fishing Décor
* Hunting & Fishing Lodge Signs
* Metal Art Wall Hangings
* Camo Blankets & Pillows
* Furniture
* Window Treatments
* Cabinet Hardware & Doorbells
* Rugs
* Bath
* Bath
* Shop all Bath
* Bath Accessories
* Shower Curtains
* Toilet Seats
* Bath Hardware
* Vanity Lights
* Camo Wallpapers and Borders
* Apparel
* Apparel
* Shop all Apparel
* Lingerie
* Swimwear
* Women’s Camo Apparel
* Kid’s Camo Apparel
* Lingerie
* Swimwear
* NEW
* SALE
* Order Status
* Catalog Request
* Customer Service
Questions? (877) 896-3550
* Bedding
* Décor
* Bedding
* Bath
* Antler Décor
* Camo Accessories
* Rugs
* Hunting Light Fixtures
* Camo Wallpapers and Borders
* Camo & Hunting Kitchen Decor
* Hunting Décor
* Fishing Décor
* Hunting & Fishing Lodge Signs
* Metal Art Wall Hangings
* Camo Blankets & Pillows
* Furniture
* Window Treatments
* Cabinet Hardware & Doorbells
* > Shop all DECOR
ANTLER DÉCOR
> SHOP NOW
LIGHTING
> SHOP NOW
* Rugs
* Bath
* Bath Accessories
* Shower Curtains
* Toilet Seats
* Bath Hardware
* Vanity Lights
* Camo Wallpapers and Borders
* > Shop all Bath
SHOWER CURTAINS
> SHOP NOW
BATH ACCESSORIES
> SHOP NOW
* Apparel
* Lingerie
* Swimwear
* Women’s Camo Apparel
* Kid’s Camo Apparel
* > Shop all Apparel
LINGERIE
> SHOP NOW
SWIMWEAR
> SHOP NOW
* Lingerie
* Swimwear
* NEW
* SALE
* Bedding
* Décor Décor toggle submenu
* Bedding
* Bath
* Antler Décor
* Camo Accessories
* Rugs
* Hunting Light Fixtures
* Camo Wallpapers and Borders
* Camo & Hunting Kitchen Decor
* Hunting Décor
* Fishing Décor
* Hunting & Fishing Lodge Signs
* Metal Art Wall Hangings
* Camo Blankets & Pillows
* Furniture
* Window Treatments
* Cabinet Hardware & Doorbells
* > Shop all DECOR
Antler Décor
> SHOP NOW
Lighting
> SHOP NOW
* Rugs
* Bath Bath toggle submenu
* Bath Accessories
* Shower Curtains
* Toilet Seats
* Bath Hardware
* Vanity Lights
* Camo Wallpapers and Borders
* > Shop all Bath
Shower Curtains
> SHOP NOW
Bath Accessories
> SHOP NOW
* Apparel Apparel toggle submenu
* Lingerie
* Swimwear
* Women’s Camo Apparel
* Kid’s Camo Apparel
* > Shop all Apparel
Lingerie
> SHOP NOW
Swimwear
> SHOP NOW
* Lingerie
* Swimwear
* NEW
* SALE
Free Shipping Over $99•Use Promo Code MDCFR•Ends 05/21/2024
1. Home
2. New
3. Elk Mountain Rug Collection
ELK MOUNTAIN RUG COLLECTION
The Elk Mountain Rug Collection from our great selection of camo rugs features
heat-set olefin with jute backing. For more options, we invite you to take the
time to browse our extensive collection of camo rugs at Camo Trading today.
click to zoom
Total Cost: $0
Add to Cart
* Compare Add to Cart The item has been added
ELK MOUNTAIN RUG - 2 X 3
The 2 x 3 Elk Mountain Rug features heat-set olefin with jute backing. These
camo rugs measure 1'10"W x 3'L. For more pieces, we ask you to take some time
to review our comprehensive range of camo rugs at Camo Trading now. View
Details
Please Select an option.
Old Price:
Old Price $58.95
Sale Price:
$49.95
49.95
Quantity:
Decrease Quantity: Increase Quantity:
* Compare Add to Cart The item has been added
ELK MOUNTAIN RUG - 2 X 7
The 2 x 7 Elk Mountain Rug features heat-set olefin with jute backing. These
camo rugs measure 1'10"W x 7'2"L. For further offerings, we ask you to spend
some time to browse our comprehensive inventory of camo rugs at Camo Trading
today. View Details
Please Select an option.
Old Price:
Old Price $70.95
Sale Price:
$59.95
59.95
Quantity:
Decrease Quantity: Increase Quantity:
* Compare Add to Cart The item has been added
ELK MOUNTAIN RUG - 5 X 7
The 5 x 7 Elk Mountain Rug features heat-set olefin with jute backing. These
camo rugs measure 5'3"W x 7'2"L. For further items, we encourage you to take
the time to have a look at our thorough assortment of camo rugs at Camo
Trading today. View Details
Please Select an option.
Old Price:
Old Price $166.95
Sale Price:
$139.95
139.95
Quantity:
Decrease Quantity: Increase Quantity:
* Compare Add to Cart The item has been added
ELK MOUNTAIN RUG - 8 X 10
The 8 x 10 Elk Mountain Rug features heat-set olefin with jute backing. These
camo rugs measure 7'10"W x 10'6"L. For further offerings, we ask you to take
a moment to have a look at our comprehensive collection of camo rugs at Camo
Trading now. View Details
Please Select an option.
Old Price:
Old Price $322.95
Sale Price:
$269.95
269.95
Quantity:
Decrease Quantity: Increase Quantity:
Close ×
OK
SIGN UP TO RECEIVE SALES AND COUPON DEALS BY EMAIL.
Email (name@address.com) required
Email cannot be blank or invalid.
MY ACCOUNT
* Order Status
* Wishlist
* Cookie Preferences
* Sign In
* Create an Account
HELP DESK
* Customer Care
* Order Status
* Returns & Refunds
* Shipping & Delivery
* Ordering & Payment Info
OUR COMPANY
* About Us
* Terms of Use
* Accessibility
* Privacy
* Your Privacy Choices
CUSTOMER SERVICE
Order by Phone
1-877-896-3550 info@CamoTrading.com
* icon facebook
* icon pinterest
MY ACCOUNT
* Order Status
* Wishlist
* Cookie Preferences
* Sign In
* Create an Account
HELP DESK
* Customer Care
* Order Status
* Returns & Refunds
* Shipping & Delivery
* Ordering & Payment Info
OUR company
* About Us
* Accessibility
* Terms of Use
* Privacy
* Your privacy choices
CUSTOMER SERVICE
Order by Phone 24/7
1-877-896-3550 info@CamoTrading.com
* icon facebook
* icon pinterest
Camo Trading • PO Box 297 • Jenks, OK 74037-0297 — © 2024 Camo Trading
Your Opt Out Preference Signal is Honored
YOUR COOKIE PREFERENCES
When you visit our website, we store cookies on your browser to collect
information. The information collected might relate to you, your preferences or
your device, and is mostly used to make the site work as you expect it to and to
provide a more personalized web experience. However, you can choose not to allow
certain types of cookies, which may impact your experience of the site and the
services we are able to offer. Click on the different category headings to find
out more and change our default settings according to your preference. You
cannot opt-out of our First Party Strictly Necessary Cookies as they are
deployed in order to ensure the proper functioning of our website (such as
prompting the cookie banner and remembering your settings, to log into your
account, to redirect you when you log out, etc.).
You may opt-out of cookie and pixel-based “sales” and/or “sharing” for
cross-context targeted advertising by toggling off the button labeled
"Personalized Advertising." Please note that if you change browsers or
computers, or if you clear your browser’s cache, you may need to click the link
again to apply your preference. To exercise additional privacy choices, such as
Request to Know, Request to Correct, and Request to Delete, please contact us at
1-918-221-7604.
Privacy ChoicesPrivacy Policy
Allow All
MANAGE CONSENT PREFERENCES
STRICTLY NECESSARY COOKIES
Always Active
These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.
FUNCTIONAL COOKIES
Functional Cookies
These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.
PERSONALIZED ADVERTISING
Personalized Advertising
To enable personalized advertising (like interest-based ads), we may share your
data with our marketing and advertising partners using cookies and other
technologies. Those partners may have their own information they’ve collected
about you. Turning off the personalized advertising setting won’t stop you from
seeing UncommonGoods ads or impact our personalization technologies, but it may
make the ads you see less relevant or more repetitive. This type of data sharing
may be considered a “sale” of information under California privacy laws. Turning
off personalized advertising opts you out of these “sales.”
Back Button
COOKIE LIST
Search Icon
Filter Icon
Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label
Confirm My Choices
Pages