Virtuemart Support :: Topic: nexr/prev navigation in multilingual sites (1/1)

Welcome, Guest

TOPIC: nexr/prev navigation in multilingual sites

nexr/prev navigation in multilingual sites 7 years 5 months ago #14714

M W

Are you aware that using images as backgrounds for your next/prev product navigation, instead of JTEXT, is a problem when working in a multilingual site? (demo.flexiblewebdesign.com/cleanmart/templates/t3_bs3_blank/html/com_virtuemart/assets/images/Flexible/next_prev.png)

I asked about this a long time ago in an email, but never got an answer so I fixed it myself. It is a change that would improve your product greatly.

Regards

The administrator has disabled public write access.

nexr/prev navigation in multilingual sites 7 years 5 months ago #14723

Support

Hi,

I personally like those tiny NEXT PREV icons; and so does the most people. But you are right, the same kind of look can be achieved with a plain text and CSS, so the text will be translateable.

Just follow my steps to transform those image to JTEXT and furthermore add some CSS style to it, so the result will look the same (i am also making this patch permanent in the template for the upcoming version)

1- open this PHP file:
/template/YOUR_TEMPLATE/html/com_virtuemart/productdetails/default.php
(default.php or flexv2.php, depends on what ever product details layout you are currently using)

2- Find this line:

 <a class="FlexibleNeighbours FlexibleNeighboursPrev" data-dynamic-update="1" href="<?php echo $prev_link; ?>" title="<?php echo $this->product->neighbours ['previous'][0]['product_name']?>" ></a>

3- replace it with this:

 <a class="FlexibleNeighbours FlexibleNeighboursPrev" data-dynamic-update="1" href="<?php echo $prev_link; ?>" title="<?php echo $this->product->neighbours ['previous'][0]['product_name']?>" ><?php echo JTEXT::_('COM_VIRTUEMART_BOX_PREVIOUS');?></a>

*** MAKE SURE TO REMOVE THE data-dynamic-update="1" attribute from the anchor tag to disable the AJAX loading

4- Find this line:

 <a class="FlexibleNeighbours FlexibleNeighboursNext" data-dynamic-update="1" href="<?php echo $next_link; ?>" title="<?php echo $this->product->neighbours ['next'][0]['product_name'];?>" ></a>

5- replace it with this:

 <a class="FlexibleNeighbours FlexibleNeighboursNext" data-dynamic-update="1" href="<?php echo $next_link; ?>" title="<?php echo $this->product->neighbours ['next'][0]['product_name'];?>" ><?php echo JTEXT::_('COM_VIRTUEMART_BOX_NEXT');?></a>

*** MAKE SURE TO REMOVE THE data-dynamic-update="1" attribute from the anchor tag to disable the AJAX loading

6- open this CSS file
/template/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexible.css

7- Scroll to the very bottom and add these rules:

.FlexibleNeighboursPrev,
.FlexibleNeighboursNext,
.FlexibleNeighborSeperator{display:inline-block;width:auto;height:auto;background:none; text-transform:uppercase; color:#515151; font-size:12px; font-weight:bold; line-height:18px;}
 
.FlexibleNeighboursPrev:before,
.FlexibleNeighboursNext:after { content: ''; margin: 0 3px 0 0; height: 18px; width: 10px; background-image: url(../images/icon_left.png); background-repeat:no-repeat; background-position:center center; background-size: auto 75%; display: inline-block; vertical-align: top; }
.FlexibleNeighboursNext:after { background-image:url(../images/icon_right.png); margin:0 0 0 3px;}
.FlexibleNeighborSeperator {width: 1px;background: #515151;height: 18px;vertical-align: middle;margin: 0 4px;}

8- "Save as..." these 2 PNG files below, to this folder: /template/YOUR_TEMPLATE/html/com_virtuemart/assets/images/

Image 1:

Attachment icon_right.png not found

Image 2:

Attachment icon_left.png not found

The result will be:

Attachment ScreenShot2016-11-18at2.10.49AM.png not found

If you like CleanMart and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Virtuemart-2-Templates/CleanMart

Write couple of sentences to share your experience with the support team.
Just 2-3 sentences would be enough ;) It might sound simple to you, but it is extremely important. Potential customers care about product reviews very much.

Thanks in advance!

Regards,
Support

Last Edit: 7 years 5 months ago by Support.

The administrator has disabled public write access.