PREMIUM PHONE CASES
Premium Magsafe Covers
Enhance
YOUR STYLE.
Premium Phone Cases for Every Device. Experience unparalleled durability meets high-fashion aesthetics.
Premium Quality
Perfect Fit
Cash on Delivery
NEW ARRIVALS
FIND YOUR PHONE MODEL
Not sure which case fits?
Use our smart selector to find the perfect fitting case for your exact device in seconds — no more guesswork.
jQuery(document).ready(function($) {
var ajaxUrl = $('.pf-finder-wrapper').data('ajaxurl') || '/wp-admin/admin-ajax.php';
// 1. Select Brand -> Load Series
$(document).on('change', '#pf-brand', function() {
var brandId = $(this).val();
$('#pf-series').html('Select Series').prop('disabled', true);
$('#pf-model').html('Select Model').prop('disabled', true);
$('#pf-submit-btn').prop('disabled', true);
if (brandId) {
$.ajax({
url: ajaxUrl,
type: 'POST',
data: {
action: 'get_child_categories',
parent_id: brandId
},
success: function(response) {
if (response.success && response.data.length > 0) {
$.each(response.data, function(index, term) {
$('#pf-series').append('' + term.name + '');
});
$('#pf-series').prop('disabled', false);
}
}
});
}
});
// 2. Select Series -> Load Models
$(document).on('change', '#pf-series', function() {
var seriesId = $(this).val();
$('#pf-model').html('Select Model').prop('disabled', true);
$('#pf-submit-btn').prop('disabled', true);
if (seriesId) {
$.ajax({
url: ajaxUrl,
type: 'POST',
data: {
action: 'get_child_categories',
parent_id: seriesId
},
success: function(response) {
if (response.success && response.data.length > 0) {
$.each(response.data, function(index, term) {
$('#pf-model').append('' + term.name + '');
});
$('#pf-model').prop('disabled', false);
}
}
});
}
});
// 3. Enable FIND NOW button when Model is selected
$(document).on('change', '#pf-model', function() {
var modelUrl = $(this).val();
$('#pf-submit-btn').prop('disabled', !modelUrl);
});
// 4. Redirect on click using custom style filter parameter
$(document).on('click', '#pf-submit-btn', function() {
var modelUrl = $('#pf-model').val();
var styleSlug = $('#pf-design').val();
if (modelUrl) {
if (styleSlug) {
var cleanUrl = modelUrl.replace(/\/$/, "");
window.location.href = cleanUrl + '/?style=' + encodeURIComponent(styleSlug);
} else {
window.location.href = modelUrl;
}
}
});
});
