Linelabox Support

Hello there! Welcome to Linelabox Support Forum. Post your question and our support specialists will help you. Look for the solution in the F.A.Q. first. Our support team is available for any questions or issues in the following working hours: Monday - Friday: 10:00 - 18:00.

Retina-ready images Issue

Pemag
Pemag
Offline
Hi, the Pro-template I purchased mentioned that it was Retina-ready.

I am very interested in using this feature, as nowadays many people have internet access through their retina or other Hi-Res devices ( iPads, iPhones, Macbooks ). I myself use a Macbook Pro and I know that retina makes a really great difference. It's a pity not being able to use this feature, as visiting a Non-Retina website through a Retina device makes the website look poor...

Question:

Is there an guideline on How to put Retina-Ready images to my e-shop?

(Here it is: http://eshop.manolas-deco.gr/index.php)

Thanks!
Responses (5)
  • Accepted Answer

    Thursday, November 06 2014, 08:15 PM - #permalink
    0
    Linelabox templates includes Font Awesome icons, the font Awesome provides Retina Ready icons.

    http://code.tutsplus.com/tutorials/the-right-way-to-retinafy-your-websites--net-31793

    You can have img tags serve the Retina-optimized image, and set the width and height attributes to half of the resolution of the actual image.

    <img src="/http://www.example.com/Retina-image-800x600-2x.png" width="400" height="300">


    Try this:

    Open: mod_virtuemart_product/tmpl/default.php or templates/linelabox_template/html/mod_virtuemart_product/default.php

    find line

    $image = $product->images[0]->displayMediaThumb


    replace


    $image = $product->images[0]->displayMediaFull
    The reply is currently minimized Show
  • Accepted Answer

    Pemag
    Pemag
    Offline
    Thursday, November 06 2014, 08:42 PM - #permalink
    0
    Thanks!!!
    The reply is currently minimized Show
  • Accepted Answer

    Pemag
    Pemag
    Offline
    Friday, November 07 2014, 11:49 AM - #permalink
    0
    I would appreciate a little more help concerning this issue.

    So, trying to transform the site's logo to a retina-ready version:

    I uploaded the Hi-Res logo PNG file

    I set the new desired code within Firebug, being able to see the correct result in my monitor...
    <img width="130" alt="pemag2" src="/images/pemag2/images/logo_site_transparent_260px.png">

    Unfortunately, within the logo section of Joomla's 2.5 Template Manager you cannot set any "width" parameter.

    Could you please tell me in which file or in which way I should set this?

    Thank you
    The reply is currently minimized Show
  • Accepted Answer

    Friday, November 07 2014, 12:27 PM - #permalink
    0
    Hi, please open index.php file in the folder of your Joomla template

    find line:
    <img src="/<?php echo $this->baseurl ?>/<?php echo $templogo ?>" alt="<?php echo $sitetitle ?>" />


    replace:
    <img src="/<?php echo $this->baseurl ?>/<?php echo $templogo ?>" alt="<?php echo $sitetitle ?>" class="hidden-phone"/>
    <img src="/images/retina_logo.png" alt="<?php echo $sitetitle ?>" class="visible-phone logo-retina" />


    and set the width and height attributes for new class .logo-retina
    e.g.

    .logo-retina {
    height: 60px;
    width: 130px;
    }


    upload new "retina" logo from your computer.
    The reply is currently minimized Show
  • Accepted Answer

    Pemag
    Pemag
    Offline
    Saturday, November 08 2014, 01:43 PM - #permalink
    0
    Thanks a lot! I'll give it a try...
    The reply is currently minimized Show
Your Reply

VirtueMart Admin Theme

VMADMINLAB

Responsive VirtueMart 3 Administrator Template

Download
JOIN NOW!

New Joomla! 3 Template

REVOLAB

Responsive Joomla 3 Template / VirtueMart 3 Theme

Template Demo
JOIN NOW!

Recent Discussions

Is it possible to validate two fields in OnePage? What I need is two phone field...
1 day ago 2
Hi! I do not understand how can I hide category "For sale" or "Sa...
1 day ago 2
What can I do to get "orders layout" responsive? What I mean is the pa...
2 days ago 1
I just bout VM mega menu but apparently it is not doing what it says it is doing...
4 days ago 1

Who's Online

We have 233 guests and one member online

Linelabox.com is not affiliated with or endorsed by Open Source Matters or the Joomla Project. Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
Copyright © 2014 Linelabox.com - Joomla! 3 / VirtueMart 3 Templates. All Rights Reserved.
Joomla! is Free Software released under the GNU General Public License. All other marks are the property of their respective owners.
LINELAB WEBDESIGN