Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

change/restyle prev/next navbar inside product_listing.php


Tsimi

Recommended Posts

Posted

if you want to change the prev/next navigation inside the product_listing.php follow the guide below

 

!! don't forget to always backup before doing any changes. !!

 

catalog/includes/classes/split_pages_results.php

 

on line 98

 

find this code

$display_links_string .= ' <strong>' . $jump_to_page . '</strong> ';

 

change to

$display_links_string .= ' <div class="pageResults-active">' . $jump_to_page . '</div> ';

 

catalog/stylesheet.css

 

A.pageResults and A.pageResults:hover are standart osC

just change as shown below and add the .pageResults-active part.

(you can change the css as you like to fit your shops design. the code below is just a sample.)

 

A.pageResults {

background: #f5f6f7;

color: #7c4444;

border: 1px solid #cccccc;

padding: 4px 8px 4px 8px;

}

A.pageResults:hover {

color: #ffffff;

background: #92c45b;

text-decoration: none;

}

.pageResults-active {

display: inline;

height: 15px;

width: 8px;

color: #ffffff;

background: #eb6100;

border: 1px solid #cccccc;

padding: 4px 8px 4px 8px;

}

 

catalog/includes/languages/english.php

 

find

define('PREVNEXT_BUTTON_PREV', '[<< Prev]');
define('PREVNEXT_BUTTON_NEXT', '[Next >>]');

and take away the [ ] so that it look like this

define('PREVNEXT_BUTTON_PREV', '<< Prev');
define('PREVNEXT_BUTTON_NEXT', 'Next >>');

at this point you could also restyle the arrows right and left if you like by replacing

 

<< = arrow left

>> = arrow right

 

here are just some samples for other arrows

 

filled left arrow = ◄

filled right arrow = ►

line left arrow = ←

line right arrow = →

 

i attached two images to show how the result looks like.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...