Displaying the Attribute swatches first

[lesliekirk]

Seems like I cannot display this snippet of code

<mvt:if expr="g.hasSwatches">
          <div class="column whole product-swatches">
            <label class="medium">&mvte:global:swatch_prompt;</label>
            <span id="js-swatch-name" class="bold swatch-name">&nbsp;</span>
            <hr noshade />
            <div id="js-swatches"></div>
          </div>
        </mvt:if>

before this snippet of code

 <mvt:item name="product_attributes" param="product:id" />

Is it going to take a bunch of CSS to get to appear before the rest of the attributes?

[Matt Zimmermann]

Hi Leslie,

The section to display the swatches relies on a global variable which is set within the product attributes block. Is you make that check outside of the attributes, you could place the swatches where you like.

[lesliekirk]

Hi Leslie,

The section to display the swatches relies on a global variable which is set within the product attributes block. Is you make that check outside of the attributes, you could place the swatches where you like.

So I thought maybe I understood this and tried

<div id="js-product-attributes" class="column whole product-attributes">
<mvt:if expr="l.settings:attribute:type EQ 'swatch-select'">
    <mvt:assign name="g.hasSwatches" value="'1'" />
     <mvt:if expr="g.hasSwatches">
          <div class="column whole product-swatches">
            <label class="medium">&mvte:global:swatch_prompt;</label>
            <span id="js-swatch-name" class="bold swatch-name">&nbsp;</span>
            <hr noshade />
            <div id="js-swatches"></div>
          </div>
        </mvt:if>
    </mvt:if>
          <mvt:item name="product_attributes" param="product:id" />
        </div>

That failed miserably and also killed the swatches.

[Matt Zimmermann]

You would still need the attributes loop to have the conditional work.