Totally Zenned
- Join Date:
- Apr 2007
- Location:
- Dayton, Ohio
- Posts:
- 682
- Plugin Contributions:
- 0
Adding images to next and previous arrows?
I would like to replace text with images, for the next and previous pages (when viewing category pages). This is located on top and bottom of my products for my category pages. One can be seen here: http://www.lasilhouettelingerie.com/store/hosiery-c-141/?page=2&sort=20a
I am not sure which template page to find look for these arrows. I do have this file in my template folder: includes/template/MYTEMPLATE/templates/tpl_products_next_previous.php which I suspect could be the page to find the div definitions.
Here is the code in this file:
<div class="navNextPrevWrapper">
<?php
// only display when more than 1
if ($products_found_count > 1) {
?>
<p class="navNextPrevCounter"><?php echo (PREV_NEXT_PRODUCT); ?><?php echo ($position+1 . "/" . $counter); ?></p>
<div class="navNextPrevList"><a href="<?php echo zen_href_link(zen_get_info_page($previous), "cPath=$cPath&products_id=$previous"); ?>"><?php echo $previous_image . $previous_button; ?></a></div>
<div class="navNextPrevList"><a href="<?php echo zen_href_link(FILENAME_DEFAULT, "cPath=$cPath"); ?>"><?php echo zen_image_button(BUTTON_IMAGE_RETURN_TO_PROD_LIST, BUTTON_RETURN_TO_PROD_LIST_ALT); ?></a></div>
<div class="navNextPrevList"><a href="<?php echo zen_href_link(zen_get_info_page($next_item), "cPath=$cPath&products_id=$next_item"); ?>"><?php echo $next_item_button . $next_item_image; ?></a></div>
<?php
}
?>
</div>
If I just want to put one arrow at the beginning for previous (when there are more pages before), and arrow after for next (when there are more pages after). I can figure out how to add the CSS to my stylesheet, I just don't know where to find the page that holds these definitions. Second I want to make sure these arrows that show now are not coming from within my control panel setting (like in configuration>product listings. But I do not see it anywhere so I suspect css controls these arrows.
Please point me to the correct file, so I can modify these css definitions to add my images.
Building a better web, one site at a time: Dayton Web Design