Hach Onlineshop

Frontend-Development SCSS / PHTML / JS / Require JS / jQuery, Fluid Layout, Magento 2, Magento Templating
Client: kombinat Berlin

Hach & Oppermann is a Magento multishop for advertising material. I was responsible for the mobile optimization in 2014, in 2015 the site was completly redesigned. The team of Kombinat Berlin did a major redesign, I implemented the frontend with SCSS and did some of the Magento Templating. In addition to this a whole new startpage was launched.

In 2019 the shop was migrated to Magento2.

hach.de

  • Responsive Fluid Frontend

  • Custom Startpage

    									<div class="wrapper home-page-contact"><div class="wrapper-content">
    <div class="col2-set">
        <div class="col-1">
            <div class="newsletter">
    <h3 class="h2 legend">Der HACH Newsletter</h3>
    <div class="content">
        <form class="form subscribe" novalidate="novalidate" action="https://suite.emarsys.net/u/register.php" method="get" id="emarsysnewsletterForm">
            <p>Abonnieren Sie alle Neuigkeiten der Hach KG in unserem Newsletter. Abmeldung jederzeit möglich.&nbsp;
                <a href="https://www.hach.de/newsletter/">Mehr Infos</a></p>
            <div class="field">
                <label class="label" for="newsletter"><span>Anmeldung zum Newsletter:</span></label>
                <div class="control">
                    <input name="inp_3" type="email" id="inp_3" title="Sign up for our newsletter" placeholder="Ihre E-Mailadresse" class="input-text validate-email required-entry">
                </div>
                <div class="actions">
                    <button class="action subscribe primary btn-green" title="Abonnieren" type="submit">
                        <span>Jetzt abonnieren</span>
                    </button>
                </div>
            </div>

  • Modular and Scalable CSS with SCSS

  • Magento Templating

    									<div class="product-information">
    <h2 class="legend"><?php echo $this->__('Article Details') ?></h2>
    <div class="col2-set">
        <div class="col-wide">
        <?php if ($_description): ?>
        <p><?php echo $_helper->productAttribute($_product, $textile_parser->textileThis(strip_tags($_description)), 'description') ?></p>
        <?php endif; ?>
        </div>
        <div class="col-narrow">
            <?php echo $this->getTierPriceHtml() ?>
        </div>
    </div>   
</div>