Missing product navigation from product page

Hi,

I have enabled the product navigation from Virtuemart settings, but I cannot see the navigation arrows links above each product. Seems that it is missing from the template. Please check and let me know how to get the arrows:

http://linda.shop1.ic4.eu/shop/colors/b ... ink-detail

Also I would like to get the products starting from higher on the category page:
http://linda.shop1.ic4.eu/shop/colors/bastels/pink
I think the category-name bar is unnessessary since the same category name is shown in the breadcrams already and the category-name bar takes too much space and just puts the actual content to start more down. I'd like the whole Category and the white area around it from category view. How can I do that?


- Anne

Hi

Please check if the navigation is shown when You switch the template to a joomla default one.

To remove titles please add this code to css:

Code: Select all

.browse-view h1 { display: none; }


Hi,

yes the links are showing:

[url]http://linda.shop1.ic4.eu/shop/bracelets/roses/the-rose/the-rose-bracelet-black-white-detail
[/url]
The links are below the Header, before the product title. There is also the Back to-link that leads back to the category.

- Anne

Hi

Please add this code at the top of /html/com_virtuemart/productdetails/default.php

Code: Select all

    <?php
    // Product Navigation
    if (VmConfig::get('product_navigation', 1)) {
   ?>
        <div class="product-neighbours">
       <?php
       if (!empty($this->product->neighbours ['previous'][0])) {
      $prev_link = JRoute::_('index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $this->product->neighbours ['previous'][0] ['virtuemart_product_id'] . '&virtuemart_category_id=' . $this->product->virtuemart_category_id, FALSE);
      echo JHTML::_('link', $prev_link, $this->product->neighbours ['previous'][0]
         ['product_name'], array('class' => 'previous-page'));
       }
       if (!empty($this->product->neighbours ['next'][0])) {
      $next_link = JRoute::_('index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=' . $this->product->neighbours ['next'][0] ['virtuemart_product_id'] . '&virtuemart_category_id=' . $this->product->virtuemart_category_id, FALSE);
      echo JHTML::_('link', $next_link, $this->product->neighbours ['next'][0] ['product_name'], array('class' => 'next-page'));
       }
       ?>
       <div class="clear"></div>
        </div>
    <?php } // Product Navigation END
    ?>


right below line 130:

Code: Select all

<div class="productdetails-view">


Hi,

thanks! I got the links!

I'm not sure which line 130 you are talking about. Before the new code or after the new code is added under line 130. What should be on line 130?

This:
130 "transitionIn" : "elastic",
131 "transitionOut" : "elastic"

Or this:
130 } else {
131 $catURL = JRoute::_('index.php?option=com_virtuemart');

Also there are normally arrows in the navigation, to show the customers that they can browse products from the navigation links. Is it possible to get the arrows visible?

Thanks so much!

- Anne

Hi

Looks like Your template is outdated. You should see this code in line 130:

Code: Select all

<div class="productdetails-view">


Please send me this file so I'll add it and attache to the post for You to replace.

Hi,

here is the file you were asking for!

- Anne

Hi

Try replace it to this file:

HI,

I changed it but I don't see the arrows...

- Anne

http://shop.lindatoye.fi/shop/colors/bastels/purple/beaded-hoop-earrings-pink-purple-detail

Hi

You need to add images of arrows on Your own to template's /images folder. Than use this code to make them visible:

Code: Select all

.product-neighbours a.previous-page {
background: url(../images/arrow-left.png) no-repeat left center transparent;
}

.product-neighbours a.next-page {
background: url(../images/arrow-right.png) no-repeat left center transparent;
}


Hi,

the navigation is not working properly! For example this category has 21 products but only products that come to the navigation links are orange and lime green:
http://shop.lindatoye.fi/shop/earrings/anna

So somehow the navigation gets stuck!

- Anne

Hi

I'm afraid I cannot help with that. I only moved the code from default files of VM to our template in posts above, means that it works like it was designed to by VM developers. You need to ask VM developers to fix that if it's not working properly.

Seemed to be an issue of ordering not being set in the backend. Now is working! Thanks!

Hi

So it was a configuration issue ? Can You please tell some more details about it ? Just in case someone else will be looking for same answer.

Hi,

sure I can explain!

In this default-Configuration if I've set the product ordering from the Virtuemart configuration/Product order settings " Default category sort order" as "Ordering" this does not cause the products to get the correct ordering. Why? Since in the Products list when you choose a category, the ordering of the products all have by default the number zero "0".

To fix the ordering into the wanted "ordering" order you first need to reset the order from Products list. By choosing one category (from products list) and clicking first the REORDER column and then SAVE button in the reorder column, you can actually set the order for that category's products. Each product gets a new order number from 1 to X, instead of zero. You must repeat this with every category.

I haven't tested what happens when you set the default order as Alphabetical instead of ORDERING. I imagine there you do not need to do such reordering, I think this is a minor "bug" in a way that it makes no sense that each time one must go and reorder and save the ordering...



Hope this cleared the issue!

- Anne

Hi

Yes. Thank You for that. Now I suspect that some products must have an empty field in database instead of an acctual order position. Great discovery, this was almost impossible to spot.