Product display demo vs new product variance

When creating my own Variation type , my product display cant be matched as the demo
iv been throu all the manage display field ive been duplicating them on and on , to all displays

but my product display is screwed , top to bottem displayed and not like the demo products next to each other ( image left - Text Right )

matched Variation types, managed all displays
matched Product dispay , managed all dispays

Rename reused

<div id="block-system-main" class="block block-system block-main block-system-main odd block-without-title">
<div class="block-inner clearfix">
<div class="content clearfix">
<article id="node-bags-cases-111" class="node node-bags-cases node-product-type node-bags-cases node-product-type-full node-bags-cases-full node-published node-not-promoted node-not-sticky author-soumaya-1 odd clearfix">
<div class="container-24 grid-14 prefix-1 clearfix"></div>
<div class="container-24 grid-8 prefix-1"></div>
<div class="container-24 grid-24 clearfix"></div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div></section><footer id="section-footer" class="section section-footer"></footer>

NEW

<div id="block-system-main" class="block block-system block-main block-system-main odd block-without-title">
<div class="block-inner clearfix">
<div class="content clearfix">
<article id="node-interieur-fleur-ami-165" class="node node-interieur-fleur-ami node-product-type node-interieur-fleur-ami node-product-type-full node-interieur-fleur-ami-full node-published node-not-promoted node-not-sticky self-posted author-martin odd clearfix">
<div class="container-24 grid-14 prefix-1 clearfix"></div>
<div class="container-24 grid-8 prefix-1">
<div class="content clearfix">
<header>
</header>
<div class="field field-name-field-brand field-type-taxonomy-term-reference field-label-hidden"></div>
<div class="commerce-product-field commerce-product-field-commerce-price field-commerce-price node-165-product-commerce-price">
</div><div class="field field-name-field-product field-type-commerce-product-reference field-label-hidden"></div>
<div class="commerce-product-field commerce-product-field-field-image field-field-image node-165-product-field-image"><div class="cloud-zoom-container"><div id="wrap" style="top: 0px; z-index: 9999; position: relative; float: left;"><a id="cloud-zoom" class="cloud-zoom cloud-zoom-processed" rel="zoomWidth:'auto', zoomHeight:'auto', position:'inside', adjustX:-5, adjustY:-5, tint:'false', tintOpacity:'0.5', lensOpacity:'0.5', softFocus:false, smoothMove:'3', showTitle:false, titleOpacity:'0.5'" href="http://lemans2013.nl/sites/default/files/styles/1024/public/wicker.jpg?itok=_yfYwQ_c" style="position: relative; display: block;"></a>
<div class="mousetrap" style="background-image: url("http://lemans2013.nl/sites/all/libraries/cloud-zoom/blank.png"); width: 540px; height: 540px; top: 0px; left: 0px; position: absolute; z-index: 9999; cursor: pointer;"></div><div class="mousetrap" style="background-image: url("http://lemans2013.nl/sites/all/libraries/cloud-zoom/blank.png"); width: 540px; height: 540px; top: 0px; left: 0px; position: absolute; z-index: 9999; cursor: pointer;"></div><div class="mousetrap" style="background-image: url("http://lemans2013.nl/sites/all/libraries/cloud-zoom/blank.png"); width: 540px; height: 540px; top: 0px; left: 0px; position: absolute; z-index: 9999; cursor: pointer;">
</div>
</div>
<div class="cloud-zoom-gallery-thumbs" style="float: left;">
</div>
</div>
</div>
</div>
</div>
<div class="container-24 grid-24 clearfix">
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><footer id="section-footer" class="section section-footer"></footer>