post_content, ‘tm_homepage’)) return;
wp_register_style(‘tm-homepage-engine’, false, [], ‘1.0.0’);
wp_enqueue_style(‘tm-homepage-engine’);
$css = self::get_css();
wp_add_inline_style(‘tm-homepage-engine’, $css);
wp_register_script(‘tm-homepage-engine’, false, [], ‘1.0.0’, true);
wp_enqueue_script(‘tm-homepage-engine’);
$js = self::get_js();
wp_add_inline_script(‘tm-homepage-engine’, $js);
}
public static function render_shortcode() {
$shop_url = esc_url(home_url(‘/shop/’));
$account_url = esc_url(home_url(‘/my-account/’));
$brands_url = esc_url(home_url(‘/shop/’));
$privacy_url = esc_url(home_url(‘/privacy-policy/’));
$returns_url = esc_url(home_url(‘/refund-and-returns-policy/’));
ob_start();
?>
•
performance auto parts
•
WooCommerce + Turn14 engine
Find the right parts faster
for the build you actually care about.
Shop by vehicle, part number, brand, or category with a homepage built for real buyers —
fast to scan, easy to trust, and smooth on desktop and mobile.
Top brands
Fast vehicle search
Trusted shopping experience
Built for serious buyers.
Shop by vehicle, part number, brand, and category with a clean experience designed to help customers find parts faster.
Vehicle-first shopping.
The store is designed around fitment and clarity so shoppers can get to the right products with less friction.
Fast browsing, real trust.
Strong typography, simple navigation, high contrast, and stable performance make the site feel credible immediately.
Built for parts buyers, not generic ecommerce.
Optimized for speed, scale, and stable long-term growth.
Homepage, shop engine, and fitment system are designed to grow together.
Performance auto parts store built for speed, trust, and real usability
TechnicianMarket is an automotive parts website focused on performance parts, clean browsing, and fast shopping.
The goal is simple: help customers find the right part faster through strong navigation, vehicle-based discovery,
and a lightweight experience that feels premium without feeling heavy.
This homepage is intentionally built to support SEO, conversion, and long-term growth. It creates a strong first impression,
keeps the message clear, and gives buyers multiple paths into the catalog: by vehicle, by brand, by part number, and through curated category entry points.
Frequently asked questions
Can I shop by vehicle?
Yes. The homepage is designed around vehicle-first discovery so buyers can start with year, make, model, and engine.
Can I search by part number?
Yes. Buyers can use part number, SKU, and keyword search as another fast path into the catalog.
What makes TechnicianMarket different?
It is built specifically for automotive parts shopping with a strong focus on clarity, speed, trust, and fitment-driven buying paths.
#tm-home,
.wp-block-post-content > #tm-home,
main .entry-content > #tm-home {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% – 50vw);
margin-right: calc(50% – 50vw);
}
/* RESPONSIVE */
@media (max-width: 1200px) {
#tm-home .tm-home__hero-grid {
grid-template-columns: 1fr;
}
#tm-home .tm-home__title {
max-width: 13ch;
}
}
@media (max-width: 920px) {
#tm-home .tm-home__cards,
#tm-home .tm-home__category-grid,
#tm-home .tm-home__trust-strip {
grid-template-columns: 1fr;
}
#tm-home .tm-home__field-grid–2 {
grid-template-columns: 1fr;
}
#tm-home .tm-home__finder-tabs {
grid-template-columns: repeat(3, 1fr);
}
#tm-home .tm-home__tab {
font-size: 16px;
min-height: 52px;
}
}
@media (max-width: 680px) {
#tm-home .tm-home__topbar-inner {
justify-content: flex-start;
text-align: left;
}
#tm-home .tm-home__hero {
padding-top: 26px;
}
#tm-home .tm-home__eyebrow {
width: 100%;
border-radius: 18px;
padding: 12px 14px;
gap: 8px;
font-size: 13px;
}
#tm-home .tm-home__title {
font-size: clamp(34px, 11vw, 52px);
max-width: 100%;
}
#tm-home .tm-home__subtitle {
font-size: 18px;
}
#tm-home .tm-home__cta-row {
flex-direction: column;
}
#tm-home .tm-home__btn {
width: 100%;
}
#tm-home .tm-home__finder-card {
border-radius: 22px;
}
#tm-home .tm-home__finder-panels {
padding: 16px;
}
#tm-home .tm-home__tab {
font-size: 15px;
padding: 0 8px;
}
#tm-home .tm-home__seo-copy h2,
#tm-home .tm-home__faq h2 {
font-size: 26px;
}
}
@media (max-width: 480px) {
#tm-home .tm-home__container {
padding-left: 14px;
padding-right: 14px;
}
#tm-home .tm-home__chips,
#tm-home .tm-home__stats {
gap: 8px;
}
#tm-home .tm-home__chip,
#tm-home .tm-home__stat {
width: 100%;
justify-content: center;
text-align: center;
min-height: 38px;
font-size: 13px;
}
#tm-home .tm-home__field input,
#tm-home .tm-home__field select {
font-size: 16px;
min-height: 52px;
}
#tm-home .tm-home__finder-submit {
min-height: 54px;
font-size: 18px;
}
#tm-home .tm-home__info-card,
#tm-home .tm-home__category-card,
#tm-home .tm-home__seo-copy,
#tm-home .tm-home__faq {
padding: 20px;
border-radius: 20px;
}
}
CSS;
}
private static function get_js() {
return <<