Dtjytyk

Im working on a sports e shop and some shoes belong to specific techs which i would like to be shown as images

like this:

I thought of creating a multi select attribute named techs and put values as shown below and create for each option a seperate cms block so that i would call many of these simultanously

View.phtml

<?php /* @var $this Mage_Catalog_Block_Product_View_Abstract */?>
<?php $_product = $this->getProduct() ?>


<?php echo $this->getChildHtml('product_type_data_extra') ?>
<?php echo $this->getPriceHtml($_product) ?>
<?php if ($this->displayProductStockStatus()): ?>
 <?php if ($_product->isAvailable()): ?>
 <p class="availability in-stock"><?php echo $this->__('Availability:') ?> <span><?php echo $this->__('In stock') ?></span></p>
 <?php else: ?>
 <p class="availability out-of-stock"><?php echo $this->__('Availability:') ?> <span><?php echo $this->__('Out of stock') ?></span></p>
 <?php endif; ?>
<?php endif; ?>
<!-- Step 1 We need to add this to be able to get the attribute values -->
<?php
 $_helper = $this->helper('catalog/output');
 $_product = $this->getProduct()
?>
<!-- Step 2 Allow for techs attribute to display different images based on value of attribute -->
<?php if ($_product->getAttributeText('tech') == "Pulsor"): ?>
<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('tech_pulsor')->toHtml() ?>

<?php elseif ($_product->getAttributeText('tech') == "Flexo"): ?>
<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('tech_flexo')->toHtml() ?>
<?php endif; ?>

However when i put 2 cms nothing is shown if i put one its ok

You need to use it as an array

 $techTypes = explode(",",$_product->getResource() ->getAttribute('tech')->getFrontend() ->getValue($_product));
foreach($techTypes as $key => $value) 
 if ($_product->getAttributeText('tech') == "Pulsor"):
 echo $this->getLayout()->createBlock('cms/block')->setBlockId('tech_pulsor')->toHtml();

 elseif ($_product->getAttributeText('tech') == "Flexo"):
 echo $this->getLayout()->createBlock('cms/block')->setBlockId('tech_flexo')->toHtml();
 endif;

 

I managed to do this without the use of cms blocks

<!-- Display Product Tech Images -->


<div class="techs">
<div class="techs-title">
<span><strong>Technology</strong></span>
</div>
<ul>
<?php
 $multiSelectArray = $this->getProduct ()->getAttributeText('tech');
 $lastItem = end ($multiSelectArray);

 foreach ($multiSelectArray as $multiSelectItem) :?>

 <li>
 <a tabindex="0" role="button" title="" data-toggle="popover" data-trigger="hover" data-placement="top" data-original-title="<? echo $multiSelectItem; ?>">
 <img src="/media/wysiwyg/techs/<?php echo $multiSelectItem ?>.jpg"></img>
 <p class="tech-name"><? echo $multiSelectItem; ?></p>
 <div class="hidden popover-content">

 </div>
 </a>


 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
 $.noConflict();
 $('[data-toggle="popover"]').popover();
);
</script>
 </li>

 <?php endforeach;?>

 </ul>

</div>