You are here:  » Break after / in Merchant A-Z, Brand A-Z in mobile view


Break after / in Merchant A-Z, Brand A-Z in mobile view

Submitted by Retro135 on Mon, 2015-09-07 15:10 in

1. How can I make this line break after the / rather than before, as it does now with long names? Example link: {link saved}

2. I combined new template so breadcrumb + Order by: Relevance, Product Rating | Price: Low to High, High to Low (_ to _ of _) both appear. I would like to remove the (_ to _ of _) at the end of the "Order by..." line as this also displays in the breadcrumb. Is this possible?

Submitted by support on Mon, 2015-09-07 16:04

Hi,

The "/" separator in the Foundation .breadcrumbs class is inserted via CSS "content" attributes using :before selectors, so the same code can be added but using :after instead, with an override added to cancel out the :before entries from foundation.min.css. To do this, add the following code to the end of your html/default.css:

  .breadcrumbs > *:before {
    content: "" !important;
    margin: 0 !important;
  }
  .breadcrumbs > *:after {
    color: #AAAAAA;
    content: "/";
    margin: 0 0.75rem;
    position: relative;
    top: 1px; }
  .breadcrumbs > *:last-child:after {
    content: " ";
    margin: 0; }

To remove the second instance of (_ to _ of _) from the banner, edit search.php and look for the following code at line 505:

    $banner["h2"] .= $showing;

...and either comment out or delete that line.

Cheers,
David.
--
PriceTapestry.com

Submitted by Retro135 on Mon, 2015-09-07 16:21

Perfect! TY, David.