Filter Products

Question

Filter Products

Accepted Answer

<div id="wcpf-filter-6632" class="wcpf-filter wcpf-front-element-6632">
	<div class="wcpf-filter-inner">
		<div class="wcpf-field-item wcpf-front-element wcpf-front-element-6638 wcpf-field-checkbox-list wcpf-hierarchical-collapsed wcpf-scrollbar wcpf-status-disabled">
	<div class="wcpf-inner">
				<div class="wcpf-checkbox-list field-input-container wcpf-content"
		>
					</div>
	</div>
</div>
<div class="wcpf-field-item wcpf-front-element wcpf-front-element-6639 wcpf-field-checkbox-list wcpf-box-style wcpf-hierarchical-collapsed wcpf-scrollbar">
	<div class="wcpf-inner">
				<div class="wcpf-checkbox wcpf-field-title wcpf-heading-label">
			<span class="text">Watch Categories</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="pre-owned">
	<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="main-categories"
					value="pre-owned"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Pre-owned</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="view-all-watches">
	<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="main-categories"
					value="view-all-watches"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">View All Watches</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item wcpf-item-hierarchical-collapsed wcpf-item-box-hide" data-item-key="brand">
	<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="main-categories"
					value="brand"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Brand</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
							<span class="box-item-toggle"></span>
					</div>
					<div class="wcpf-item-children-container wcpf-checkbox-children-container">
				<div class="wcpf-item wcpf-checkbox-item " data-item-key="tissot">
	<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="main-categories"
					value="tissot"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Tissot</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
			</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item wcpf-item-hierarchical-collapsed wcpf-item-box-hide" data-item-key="size">
	<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="main-categories"
					value="size"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Case Size</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
							<span class="box-item-toggle"></span>
					</div>
					<div class="wcpf-item-children-container wcpf-checkbox-children-container">
				<div class="wcpf-item wcpf-checkbox-item " data-item-key="45mm">
	<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="main-categories"
					value="45mm"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">45mm</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
			</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item wcpf-item-hierarchical-collapsed wcpf-item-box-hide" data-item-key="dial-colour">
	<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="main-categories"
					value="dial-colour"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Dial Colour</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
							<span class="box-item-toggle"></span>
					</div>
					<div class="wcpf-item-children-container wcpf-checkbox-children-container">
				<div class="wcpf-item wcpf-checkbox-item " data-item-key="blue">
	<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="main-categories"
					value="blue"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Blue</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
			</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item wcpf-item-hierarchical-collapsed wcpf-item-box-hide" data-item-key="material">
	<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="main-categories"
					value="material"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Material</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
							<span class="box-item-toggle"></span>
					</div>
					<div class="wcpf-item-children-container wcpf-checkbox-children-container">
				<div class="wcpf-item wcpf-checkbox-item " data-item-key="stainless-steel">
	<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="main-categories"
					value="stainless-steel"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Stainless Steel</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
			</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item " data-item-key="mens-watches-3">
	<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="main-categories"
					value="mens-watches-3"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Men’s watches</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item wcpf-item-hierarchical-collapsed wcpf-item-box-hide" data-item-key="movement">
	<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="main-categories"
					value="movement"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Movement</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
							<span class="box-item-toggle"></span>
					</div>
					<div class="wcpf-item-children-container wcpf-checkbox-children-container">
				<div class="wcpf-item wcpf-checkbox-item " data-item-key="quartz">
	<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="main-categories"
					value="quartz"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Quartz</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
			</div>
			</div>
</div>
<div class="wcpf-item wcpf-checkbox-item wcpf-item-hierarchical-collapsed wcpf-item-box-hide" data-item-key="type-of-bracelet-strap">
	<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="main-categories"
					value="type-of-bracelet-strap"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Type of Bracelet/Strap</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
							<span class="box-item-toggle"></span>
					</div>
					<div class="wcpf-item-children-container wcpf-checkbox-children-container">
				<div class="wcpf-item wcpf-checkbox-item " data-item-key="leather-strap">
	<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="main-categories"
					value="leather-strap"
										>
			</div>
			<div class="wcpf-title-container">
				<span class="wcpf-title">Leather Strap</span>
				<span class="wcpf-product-counts">(2)</span>			</div>
					</div>
			</div>
</div>
			</div>
			</div>
</div>
		</div>
	</div>
</div>
<div class="wcpf-field-item wcpf-front-element wcpf-front-element-6659 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">Accessories</span>
							<span class="box-toggle"></span>
					</div>
				<div class="wcpf-checkbox-list field-input-container wcpf-content"
		>
					</div>
	</div>
</div>
	</div>
</div>
<script id="wcpf-load-project-6632-script">
	(function () {
		var projectStructure = {"entityId":6632,"parentId":0,"title":"Filters for product archive","entityKey":"Project","order":0,"options":{"urlNavigation":"query","filteringStarts":"auto","urlNavigationOptions":[],"useComponents":["pagination","sorting","results-count","page-title","breadcrumb"],"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":6637,"parentId":6632,"title":"Price","entityKey":"PriceSliderField","order":0,"options":{"minPriceOptionKey":"min-price","maxPriceOptionKey":"max-price","optionKey":"price","optionKeyFormat":"two","cssClass":"","displayMinMaxInput":true,"displayTitle":true,"displayToggleContent":true,"defaultToggleState":"show","displayPriceLabel":true},"childEntities":[]},{"entityId":6638,"parentId":6632,"title":"Sorting","entityKey":"CheckBoxListField","order":1,"options":{"itemsSource":"category","itemsDisplay":"selected","queryType":"or","itemsDisplayHierarchical":true,"displayHierarchicalCollapsed":true,"displayTitle":false,"displayToggleContent":true,"defaultToggleState":"show","cssClass":"","actionForEmptyOptions":"markAsDisabled","displayProductCount":true,"productCountPolicy":"for-option-only","seeMoreOptionsBy":"scrollbar","heightOfVisibleContent":12,"optionKey":"Categories","itemsSourceCategory":"all","itemsDisplayWithoutParents":"all","orderby":"order","displayRules":[{"id":"group_0","rules":[{"id":"rule_0","rule":{"param":"category","operator":"==","value":""}}]}],"taxonomySelectedItems":["132","131"]},"childEntities":[]},{"entityId":6639,"parentId":6632,"title":"Watch Categories","entityKey":"CheckBoxListField","order":2,"options":{"itemsSource":"category","itemsDisplay":"selected","queryType":"and","itemsDisplayHierarchical":true,"displayHierarchicalCollapsed":true,"displayTitle":true,"displayToggleContent":true,"defaultToggleState":"show","cssClass":"","actionForEmptyOptions":"hide","displayProductCount":true,"productCountPolicy":"for-option-only","seeMoreOptionsBy":"scrollbar","heightOfVisibleContent":12,"optionKey":"main-categories","itemsSourceCategory":"149","itemsDisplayWithoutParents":"all","orderby":"count","displayRules":[{"id":"group_0","rules":[{"id":"rule_0","rule":{"param":"category","operator":"==","value":""}}]}],"taxonomyExceptItems":[],"taxonomySelectedItems":["133","155","16","141","217","158","157","145","228","199","202","206","216","196","201","209","211","223","220","218","204","176","198","188","187","178","189","200","171","170","167","168","169","147","207","191","203","210","192","205","159","161","160","162","163","143","164","121","146","166","165","144","214","213","172","175","173","174","122"]},"childEntities":[]},{"entityId":6659,"parentId":6632,"title":"Accessories","entityKey":"CheckBoxListField","order":3,"options":{"itemsSource":"category","itemsDisplay":"selected","queryType":"and","itemsDisplayHierarchical":true,"displayHierarchicalCollapsed":true,"displayTitle":true,"displayToggleContent":true,"defaultToggleState":"show","cssClass":"","actionForEmptyOptions":"hide","displayProductCount":true,"productCountPolicy":"for-option-only","seeMoreOptionsBy":"scrollbar","heightOfVisibleContent":12,"optionKey":"accessories-category","itemsSourceCategory":"all","itemsDisplayWithoutParents":"all","taxonomySelectedItems":["215","156","151","150","125","126","128","124","123","127"],"orderby":"order","displayRules":[{"id":"group_0","rules":[{"id":"rule_0","rule":{"param":"category","operator":"==","value":""}}]}]},"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>

WatchMee

Watches

Accessories

Shop Page

Watches

Accessories

Shop Page

WatchMee

WatchMee

Men’s Tissot Chrono XL Blue T116.617.16.047.00

Men’s Tissot Chrono XL Blue T116.617.16.047.00

Men’s Tissot Chrono XL Blue T116.617.16.047.00

Men’s Tissot Chrono XL Blue T116.617.16.047.00

WatchMee

Quick Links

Policy

SUBSCRIBE OUR NEWSLETTER

Your Cart