Refine Search

Question

Refine Search

Accepted Answer

<div id="wcpf-filter-56147" class="wcpf-filter wcpf-front-element-56147">
	<div class="wcpf-filter-inner">
		<div class="wcpf-field-item wcpf-front-element wcpf-front-element-56155 wcpf-field-checkbox-list wcpf-box-style wcpf-scrollbar">
	<div class="wcpf-inner">
				<div class="wcpf-checkbox wcpf-field-title wcpf-heading-label">
			<span class="text">Gender</span>
							<span class="box-toggle"></span>
					</div>
				<div class="wcpf-checkbox-list field-input-container wcpf-content"
		>
			<div class="wcpf-item wcpf-checkbox-item " data-item-key="kids">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="gender"
					value="kids"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Kids</span>
				<span class="wcpf-product-counts">(1)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="mens">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="gender"
					value="mens"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Mens</span>
							</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="womens">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="gender"
					value="womens"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Womens</span>
							</div>
					</div>
			</div>
</div>
		</div>
	</div>
</div>
<div class="wcpf-field-item wcpf-front-element wcpf-front-element-56148 wcpf-field-checkbox-list wcpf-box-style wcpf-hierarchical-collapsed wcpf-scrollbar wcpf-status-disabled">
	<div class="wcpf-inner">
				<div class="wcpf-checkbox wcpf-field-title wcpf-heading-label">
			<span class="text">Categories</span>
							<span class="box-toggle"></span>
					</div>
				<div class="wcpf-checkbox-list field-input-container wcpf-content"
		>
					</div>
	</div>
</div>
<div class="wcpf-field-item wcpf-front-element wcpf-front-element-56157 wcpf-field-checkbox-list wcpf-box-style wcpf-scrollbar">
	<div class="wcpf-inner">
				<div class="wcpf-checkbox wcpf-field-title wcpf-heading-label">
			<span class="text">Colors</span>
							<span class="box-toggle"></span>
					</div>
				<div class="wcpf-checkbox-list field-input-container wcpf-content"
		>
			<div class="wcpf-item wcpf-checkbox-item " data-item-key="black">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="colors"
					value="black"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Black</span>
				<span class="wcpf-product-counts">(4)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="bottle">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="colors"
					value="bottle"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Bottle</span>
				<span class="wcpf-product-counts">(1)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="navy">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="colors"
					value="navy"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Navy</span>
				<span class="wcpf-product-counts">(3)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="royal">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="colors"
					value="royal"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Royal</span>
				<span class="wcpf-product-counts">(1)</span>			</div>
					</div>
			</div>
</div>
		</div>
	</div>
</div>
<div class="wcpf-field-item wcpf-front-element wcpf-front-element-56156 wcpf-field-checkbox-list wcpf-box-style wcpf-scrollbar">
	<div class="wcpf-inner">
				<div class="wcpf-checkbox wcpf-field-title wcpf-heading-label">
			<span class="text">Size</span>
							<span class="box-toggle"></span>
					</div>
				<div class="wcpf-checkbox-list field-input-container wcpf-content"
		>
			<div class="wcpf-item wcpf-checkbox-item " data-item-key="77r">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="77r"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">77R</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="82r">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="82r"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">82R</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="87r">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="87r"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">87R</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="92r">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="92r"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">92R</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="97r">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="97r"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">97R</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="102r">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="102r"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">102R</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="107r">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="107r"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">107R</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="112r">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="112r"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">112R</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="4">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="4"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">4</span>
				<span class="wcpf-product-counts">(1)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="6">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="6"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">6</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="8">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="8"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">8</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="10">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="10"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">10</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="12">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="12"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">12</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="14">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="14"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">14</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="16">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="16"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">16</span>
				<span class="wcpf-product-counts">(1)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="18">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="18"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">18</span>
				<span class="wcpf-product-counts">(1)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="20">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="20"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">20</span>
				<span class="wcpf-product-counts">(1)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="22">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="22"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">22</span>
				<span class="wcpf-product-counts">(1)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="24">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="24"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">24</span>
				<span class="wcpf-product-counts">(1)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="117r">
	<div class="wcpf-item-inner wcpf-checkbox-item-inner">
		<div class="wcpf-item-label wcpf-checkbox-label">
			<div class="wcpf-input-container">
				<input class="wcpf-input wcpf-input-checkbox"
					type="checkbox"
					name="size"
					value="117r"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">117R</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
		</div>
	</div>
</div>
<div class="wcpf-field-item wcpf-front-element wcpf-front-element-56313 wcpf-field-price-slider wcpf-box-style wcpf-display-price-label wcpf-display-min-max-inputs">
	<div class="wcpf-inner">
				<div class="wcpf-price-slider wcpf-field-title wcpf-heading-label">
			<span class="text">Price</span>
							<span class="box-toggle"></span>
					</div>
				<div class="wcpf-price-slider field-input-container wcpf-content"
		>
			<div class="priceSliderInput" style="display: none;"></div>
			<div class="priceSliderAmount">
				<div class="wcpf-price-slider-min-max-inputs">
					<input type="text"
						id="56313-min-price"
						class="wcpf-input wcpf-min-input"
						name="minPrice"
						value="30"
						data-min="30"
						placeholder="Min price" />
					<input type="text"
						id="56313-max-price"
						class="wcpf-input wcpf-max-input"
						name="maxPrice"
						value="44"
						data-max="44"
						placeholder="Max price" />
				</div>
				<div class="priceLabel" style="display: none;">
					<span class="price-text">Price:</span>
					<span class="from"></span><span class="delimiter"> &mdash; </span><span class="to"></span>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="wcpf-field-item wcpf-front-element wcpf-front-element-56314 wcpf-field-button">
	<button class="wcpf-button wcpf-button-action-filter">
		<span class="button-text">Reset</span>
	</button>
</div>
	</div>
</div>
<script id="wcpf-load-project-56147-script">
	(function () {
		var projectStructure = {"entityId":56147,"parentId":0,"title":"Filters for product archive","entityKey":"Project","order":0,"options":{"urlNavigation":"query","filteringStarts":"auto","urlNavigationOptions":[],"useComponents":["pagination","sorting","results-count","page-title"],"paginationAjax":true,"sortingAjax":true,"productsContainerSelector":".products","paginationSelector":".woocommerce-pagination","resultCountSelector":".woocommerce-result-count","sortingSelector":".woocommerce-ordering","pageTitleSelector":".woocommerce-products-header__title","breadcrumbSelector":".woocommerce-breadcrumb","multipleContainersForProducts":true},"childEntities":[{"entityId":56155,"parentId":56147,"title":"Gender","entityKey":"CheckBoxListField","order":0,"options":{"itemsSource":"tag","itemsDisplay":"selected","queryType":"or","itemsDisplayHierarchical":false,"displayHierarchicalCollapsed":false,"displayTitle":true,"displayToggleContent":true,"defaultToggleState":"show","cssClass":"","actionForEmptyOptions":"noAction","displayProductCount":true,"productCountPolicy":"with-selected-options","seeMoreOptionsBy":"scrollbar","heightOfVisibleContent":12,"optionKey":"gender","itemsSourceCategory":"all","itemsDisplayWithoutParents":"selected","taxonomySelectedItems":["785","783","784"],"orderby":"order","displayRules":[{"id":"group_0","rules":[{"id":"rule_0","rule":{"param":"category","operator":"==","value":""}}]}]},"childEntities":[]},{"entityId":56148,"parentId":56147,"title":"Categories","entityKey":"CheckBoxListField","order":1,"options":{"itemsSource":"category","itemsDisplay":"all","queryType":"or","itemsDisplayHierarchical":true,"displayHierarchicalCollapsed":true,"displayTitle":true,"displayToggleContent":true,"defaultToggleState":"show","cssClass":"","actionForEmptyOptions":"noAction","displayProductCount":true,"productCountPolicy":"with-selected-options","seeMoreOptionsBy":"scrollbar","heightOfVisibleContent":12,"optionKey":"categories","itemsSourceCategory":"all","itemsDisplayWithoutParents":"selected","orderby":"name","displayRules":[{"id":"group_0","rules":[{"id":"rule_0","rule":{"param":"category","operator":"!=","value":""}}]}],"taxonomySelectedItems":[],"taxonomyExceptItems":[],"displayedStockStatuses":["in-stock","out-of-stock","on-backorder"],"inStockText":"In stock","outOfStockText":"Out of stock","onBackorderText":"On backorder"},"childEntities":[]},{"entityId":56157,"parentId":56147,"title":"Colors","entityKey":"CheckBoxListField","order":2,"options":{"itemsSource":"attribute","itemsDisplay":"all","queryType":"and","itemsDisplayHierarchical":true,"displayHierarchicalCollapsed":false,"displayTitle":true,"displayToggleContent":true,"defaultToggleState":"show","cssClass":"","actionForEmptyOptions":"hide","displayProductCount":true,"productCountPolicy":"for-option-only","seeMoreOptionsBy":"scrollbar","heightOfVisibleContent":12,"optionKey":"colors","itemsSourceAttribute":"color-image","itemsDisplayWithoutParents":"all","orderby":"order","displayRules":[{"id":"group_0","rules":[{"id":"rule_0","rule":{"param":"category","operator":"==","value":""}}]}]},"childEntities":[]},{"entityId":56156,"parentId":56147,"title":"Size","entityKey":"CheckBoxListField","order":3,"options":{"itemsSource":"attribute","itemsDisplay":"all","queryType":"or","itemsDisplayHierarchical":true,"displayHierarchicalCollapsed":false,"displayTitle":true,"displayToggleContent":true,"defaultToggleState":"show","cssClass":"","actionForEmptyOptions":"hide","displayProductCount":true,"productCountPolicy":"for-option-only","seeMoreOptionsBy":"scrollbar","heightOfVisibleContent":12,"optionKey":"size","itemsSourceAttribute":"choose-size","itemsDisplayWithoutParents":"all","orderby":"order","displayRules":[{"id":"group_0","rules":[{"id":"rule_0","rule":{"param":"category","operator":"==","value":null}}]}]},"childEntities":[]},{"entityId":56313,"parentId":56147,"title":"Price","entityKey":"PriceSliderField","order":4,"options":{"minPriceOptionKey":"min-price","maxPriceOptionKey":"max-price","optionKey":"price","optionKeyFormat":"two","cssClass":"","displayMinMaxInput":true,"displayTitle":true,"displayToggleContent":true,"defaultToggleState":"show","displayPriceLabel":true},"childEntities":[]},{"entityId":56314,"parentId":56147,"title":"Reset","entityKey":"ButtonField","order":5,"options":{"cssClass":"","action":"filter"},"childEntities":[]}]},
			loadProject = function () {
				if (!window.hasOwnProperty('wcpfFrontApp')) {
					return;
				}

var app = window.wcpfFrontApp,
					dispatcher = app.componentRegister.get('Filter/Dispatcher');

dispatcher.loadProject(projectStructure);
			};

if (document.readyState === 'complete') {
			loadProject();
		} else {
			window.addEventListener('load', loadProject);
		}
	})();
</script>

Pants

JB’S LADIES STRETCH JEGGING – 4SSJ1

JB’S MULTI POCKET STRETCH TWILL PANT – 6MTP

JB’S STRETCH TWILL PANT – 6STP

PODIUM KIDS CUFFED WARM UP PANTS – 7WUCP

JB’S MULTI POCKET STRETCH TWILL PANT – 6MTP

JB’S STRETCH TWILL PANT – 6STP

JB’S LADIES STRETCH JEGGING – 4SSJ1

PODIUM KIDS CUFFED WARM UP PANTS – 7WUCP

Subscribe Now!

About Us

Categories

Quicklinks

Company

About Us

Categories​

Quicklinks

Company

Categories