VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: gringo211985 on August 11, 2015, 15:48:06 PM

Title: Bootstrap icon in "sort by"
Post by: gringo211985 on August 11, 2015, 15:48:06 PM
Hi there,

I want to add a bootstrap icon to the "sort by" selector on the category pages, I've found /views/category/tmpl/default.php and I have tried adding the iclass here but I think I need to add it in the source of the "sort by" because wherever I place the icon it is not part of the link (see attachment) Can someone tell me which file I need to edit to achieve this please?

<div class="orderby-displaynumber">
   <div class="floatleft vm-order-list">
      <?php echo $this->orderByList['orderby']; ?><i class="fa fa-arrow-circle-o-down"></i>
      <?php echo $this->orderByList['manufacturer']; ?>
   </div>
   <div class="vm-pagination vm-pagination-top">
      <?php echo $this->vmPagination->getPagesLinks (); ?>
      <span class="vm-page-counter"><?php echo $this->vmPagination->getPagesCounter (); ?></span>
   </div>
   <div class="floatright display-number"><?php echo $this->vmPagination->getResultsCounter ();?><br/><?php echo $this->vmPagination->getLimitBox ($this->category->limit_list_step); ?></div>


   <div class="clear"></div>

Any help would be much appreciated,
Richard
Title: Re: Bootstrap icon in "sort by"
Post by: PRO on August 12, 2015, 11:45:23 AM
the easiest way is to do it with css

.orderlistcontainer .title{}

https://css-tricks.com/almanac/selectors/a/after-and-before/