Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Navigatie met plaatjes in main content
 
SportvisWebshop
Jr. Member
 
Total Posts:  5
Joined:  2009-09-18
 

Goedendag,
Ik ben vrij nieuw met Magento en uberhaupt het coderen.
Heb wel al het een en ander aan veranderingen voor elkaar gekregen, maar krijg veel klachten van klanten die de navigatie erg onduidelijk vinden.
Dit komt mede door dat ik hiervoor een webshop had gemaakt met mijn webwinkel 4.5pro maar mis daarbij heel veel opties die magento wel bied.

Wat ik wil bereiken:
Het gaat over een hengelsport zaak dus gebruik even voor mij van kracht zijnde voorbeelden.
Op mijn oude site had ik in de linker kolom een menu met daarin de categorien: home,karper,roofvis,witvis,etc etc
Als je dan op bijv karper drukte dan kreeg je in de main content een menu met daarin plaatjes met daaronder de naam van de volgende categorie welke gelinkt waren aan de naam van de categorie.
Dus je zag in de main content plaatjes van bijv categorien als hengels, molens, lijnen etc.
Als je daar op bijv hengels klikte kreeg je de volgende pagina met daarin de merken met het logo.
Het enige wat ik daarbij hoefde te doen is een plaatje met de exacte categorie naam up te loaden naar een bepaalde map.
Ik wil dit nu dus ook weer voor elkaar krijgen.
Ik kan zelf een cms block en paginas maken maar ik moet dan zon 100 landingpages maken wat volgens mij makkelijker kan.

Kan iemand mij aub vertellen hoe ik gebruik kan maken van de huidige navigatie en deze kan linken naar main content en dan dat hij automatisch zeg maar <categorie_naam>.jpg maakt?

Eventueele programmeurs die dit zouden kunnen maken voor me mogen zich ook melden.

Het gaat om de site http://www.sportviswebshop.nl kan je beetje beeld krijgen van hoeveel werk alle aparte landingpages maken zou zijn.

Alvast onwijs bedankt
Met vriendelijke groet
Anton van Elswijk

 
Magento Community Magento Community
Magento Community
Magento Community
 
SportvisWebshop
Jr. Member
 
Total Posts:  5
Joined:  2009-09-18
 

Het is me gelukt!

Voor de gene die dit ook graag willen bereiken zal ik even uitleggen hoe ik het gedaan heb.
Ik heb het volgende topic gebruikt.
http://www.magentocommerce.com/boards/viewthread/5026/P0/
En dan met name de posts van hyteckit.
De posts zijn wel voor de oudere types van magento wat ik precies heb gedaan om het voor elkaar te krijgen is:

Maak een nieuw bestand aan, ik heb hem in mijn geval image_menu.phtml genoemd.
Deze heb ik geplaatst onder : /app/design/frontend/default/(jouw gebruikte theme hier)/template/catalog/navigation/
In dit bestand vermeld je het volgende:

<style>
img.special
{
border
-style:ridge;
border-width:4px;
border-color:#a3ba22;
}
</style>

<?php $_categories=$this->getCurrentChildCategories(); ?>
<?php 
if($_categories->count()): ?>

<?php $_collectionSize 
$_categories->count() ?>
    
<table cellspacing="0" cellpadding="0" width="100%">
       
<?php $i=0; foreach ($_categories as $_category): ?>
         <?php 
if ($i++%3==0): ?>
         
                  <?php  
if($_category->getIsActive()): ?>
                <?php $_category_data 
$_category->getData(); ?>
                <?php 
endif; ?>
                
        
<tr>
        
<?php endif ?>
    
<td align="center" width="20%"
                <
class="product-image">
                    <
a href="<?php echo $_category->getURL() ?>" title="<?php echo $this->htmlEscape($_category->getName()) ?>">
                    <
img src="<?php echo $_category->getImageUrl() ?>" alt="<?php echo $this->htmlEscape($_category->getName()) ?>" class="special" valign="bottom"/>
                    </
a>
                </
p>  
          <
span><a href="<?php echo $_category->getURL() ?>" title="<?php echo $this->htmlEscape($_category->getName()) ?>"><?php echo $this->htmlEscape($_category->getName()) ?></a></span>
            <
p>
            </
td>
            
               
<?php if ($i%3==&& $i!=$_collectionSize): ?>
        
</tr>
        
    
<?php endif ?>
    <?php 
endforeach ?>

    
</table>
<?php endif; ?>

Het style gedeelte kan je uiteraard naar wens aanpassen of verwijderen dit maakt in mijn geval een groene kader rondom de fotos.
Deze code maakt alleen het html gedeelte in de site aan welke de fotos laat zien.

Hierna maak je in magento admin een nieuw statisch blok aan deze heb ik image_block genoemd hierin zet je :

{{block type="catalog/navigation" template="catalog/navigation/image_menu.phtml"}}
[U]Als[/U] je tenminste de zelfde bestandsnaam en locatie gebruikt als boven vermeld.

Dan als laatste moet je in: /app/code/core/Mage/Catalog/Model/Resource/Eav/Mysql4/
de category.php aanpassen tussen lijn 800 en 1000 staat een lijn die begint met
public function getChildrenCategories($category)

dit gedeelte moet er als volgt uitzien:

public function getChildrenCategories($category)
    
{
        $collection 
$category->getCollection();
        
/* @var $collection Mage_Catalog_Model_Resource_Eav_Mysql4_Category_Collection */
        
$collection->addAttributeToSelect('url_key')
            ->
addAttributeToSelect('name')
            ->
addAttributeToSelect('image')
            ->
addAttributeToSelect('all_children')
            ->
addAttributeToSelect('is_anchor')
            ->
addAttributeToFilter('is_active'1)
            ->
addIdFilter($category->getChildren())
            ->
setOrder('position''ASC')
            ->
joinUrlRewrite()
            ->
load();
        return 
$collection;
    
}
Dan nu ben je klaar met scripten en ga je naar magento en naar beheer categorieen( ik heb nederlandse versie) daar ga je naar Display settings en daar zet je in alle categorien waarbij geen producten staan en je dus het plaatjes menu van kracht wil hebben :
display mode- static block only ( of static en producten als je en plaatjes menu wil en producten wil laten zien)
Cms block- image_block (als je de zelfde naam voor het eerste bestand gebruikt als ik)

En je moet al je categorieen die in het menu moeten komen een plaatje geven mijn plaatjes zijn 140x140.
Dit doe je bij beheer categorien- algemene informatie - afbeelding.
Let wel op deze plaatjes komen in de categorie boven aan de pagina te staan en dan ook in het formaat 140x140 tenzij er bij je theme een groter formaat is ingesteld.  dit kan je veranderen in:
/app/design/frontend/default/default/template/catalog/category/ in view.phtml
Gelijk boven in staat de regel:

<?php
    $_helper    
$this->helper('catalog/output');
    
$_category  $this->getCurrentCategory();
    
$_imgHtml   '';
    if (
$_imageUrl $_category->getImageUrl()) {
        $_imgHtml 
'<img src="'.$_imageUrl.'" alt="'.$this->htmlEscape($_category->getName()).'" width="100" />';
        
$_imgHtml $_helper->categoryAttribute($_category$_imgHtml'image');
    
}
?>
Hier heb ik de width al aangepast naar 100

Zo.....
Als ik het goed heb heb ik nu precies verteld hoe ik wat heb gedaan.
En zou alles moeten werken zoals op mijn site.
http://www.sportviswebshop.nl
bij vragen kan je me het beste even mailen op info@sportviswebshop.nl

Succes en hopelijk hebben jullie er wat aan.

Met vriendelijke groet
Anton van Elswijk

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top