Inspired by the refined restraint of the MOHEIM store, this proposal keeps typography calm, spacing generous, and interactions understated. Product pages replace large thumbnails with elegant dropdown menus for variant selection, focusing the shopper on choice and clarity.
Explore products via dropdown menus instead of thumbnails. Select options to surface variants and pricing, then add to cart.
Remove the default product thumbnail on loop items and inject variation dropdowns with an add-to-cart button.
<?php
// functions.php
add_action('after_setup_theme', function() {
// Remove thumbnail on archive loop
remove_action('woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);
// Inject custom controls after title/price
add_action('woocommerce_after_shop_loop_item_title', 'munk_store_variation_controls', 15);
});
function munk_store_variation_controls() {
// Renders a template part that outputs variation selects + add-to-cart
wc_get_template('loop/variation-dropdowns.php');
}
?>Retain a single hero image if needed, but prioritize dropdowns over galleries. The same component can power both archive and single product.
<?php
// content-single-product.php (within your theme override)
remove_action('woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20);
add_action('woocommerce_single_product_summary', 'munk_store_variation_controls', 25);
?>Use a neutral, modern sans-serif (Noto Sans / Helvetica Neue) with light weights and wide tracking for headers to mirror the calm Moheim feel.
Keep WooCommerce class names like .woocommerce, .products, .product, and .add_to_cart_button so plugins and scripts continue to work.
Lean DOM, reduced imagery, and server‑side rendered selects ensure fast loads. Lazy-load a single image only when a variant is selected.