angellromero

/**
 * Random Plugin
 */
;(function($, window, document, undefined) {
    'use strict';

    /**
     * Creates the random plugin.
     * @class Random Plugin
     * @param {Owl} carousel - The Owl Carousel

angellromero

// Uses Flexbox to create grid with container's direct descendant elements
.flex-grid(@columns: 2, @margin: @indent-md) {

    @total-margin: (@columns - 1) * @margin;
    @first-column-offset: @columns + 1;

    .flex();
    .flex-wrap(wrap);

    > * {

angellromero

var WishlistUtil = new Class({
    namespace: 'WishlistUtil',

    /**
     * Default option values
     */
    defaults: {
        addUrl: '/my-account/saved-lists/add',
        createUrl: '/my-account/create-list',
        fetchUrl: '/my-account/saved-lists/lists',

angellromero

<!-- Example: Mobile Image Reference/Replacement on any image asset throughout the site -->
<img src="desktop-image.jpg" alt="Alt" data-mobile-src="mobile-image.jpg">

<!-- Example: Mobile Only content that would contain live content such as a title and/or description -->
<img src="desktop-image.jpg" alt="Alt" data-mobile-src="mobile-image.jpg" data-title="Title of Image" data-description="Description of image">

angellromero

<div id="description">
    <h3>R1 Protein 38 Servings</h3>
    <h4>Ultra Pure When Isolate/Hydrolysate Formula<</h4>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto laborum libero minima praesentium quasi, quidem totam voluptatibus. Aliquam corporis eos, est id ipsum natus odit quod sed totam, ut vel.</p>
    <ul>
        <li>Zero</li>
        <li>Zero</li>
        <li>Zero Sugar*</li>
        <li>Zero Sugar*</li>
        <li>Zero Sugar*</li>

angellromero

/* New CSS rules must be nested under the .cms-content class */
.cms-content p {
    margin-bottom: 20px;
}

angellromero

<script>
    var econdaPageName = "Produktdetail";
    var emosProps = {
      siteid: "babista",
      langid: "de",
      countryid: "de",
      content: "Produktdetail/Mode für Männer/Hemden/Hemden langarm/281113",

      pageId: '2f903cfbb6f1db99103885418aa7a0ed'
    };

angellromero

//
// Hero
// --------------------------------------------------

.hero {
    display: block;
    position: relative;
    background: @hero-tiled-background;
}

angellromero

// Notes
// A first recommendation is to provide some closure surrounding the introduced JS code to protect globl scope.
// Secondly, leverage load/onload detection so that we don't clobber window.onload
// Lastly, let's get this in a file and load asynchourlys through admin content area.
/*
    (function(d, t) {
        var g = d.createElement(t),
            s = d.getElementsByTagName(t)[0];
        g.src = 'https://third-party.com/resource.js';
        s.parentNode.insertBefore(g, s);

angellromero

<referenceBlock name="customer-account-navigation-billing-agreements-link" remove="true"/>

<referenceBlock name="customer-account-navigation-reward-link" remove="true"/>

<referenceBlock name="customer-account-navigation-downloadable-products-link" remove="true"/>

<referenceBlock name="customer-account-navigation-magento-invitation-link" remove="true"/>

<referenceBlock name="customer-account-navigation-gift-card-link" remove="true"/>

<referenceBlock name="customer-account-navigation-giftregistry-link" remove="true"/>

<referenceBlock name="customer-account-navigation-checkout-sku-link" remove="true"/>

<referenceBlock name="customer-account-navigation-customer-balance-link" remove="true"/>