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.

Hi,
we are using Megatheme for Virtuemart product pages. It's nice, but one thing we want to change is the automatic image-scolling in the product details view. W want the user to click the images themselves if they want to see the other images. How to do this?


Greetings, Anne
Responses (9)
  • Accepted Answer

    Friday, February 19 2016, 02:05 PM - #permalink
    0
    Hi,

    another thing I forgot to ask, how can we define that the pop-up images showing when clicking the image options, would show up bigger, for example 500x500px or 600x600px?

    - Anne
    The reply is currently minimized Show
  • Accepted Answer

    Sunday, February 21 2016, 10:43 AM - #permalink
    0
    Hi, Please open /templates/joomspirit_76/assets/js/pikachoose/jquery.pikachoose.full.js

    Find line:
    autoPlay: true,


    replace
    autoPlay: false,



    2 Open templates/joomspirit_76/assets/css/pikachoose/base.css

    Find line:
    .pika-stage {
    height: 250px;
    }


    replace:
    .pika-stage {
    height: 500px;
    }
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, February 23 2016, 04:11 PM - #permalink
    0
    Hi,


    mostly that worked. The autoplay is not off, which is good.

    However the product details page image is also now 500px. We only want the Pop-up window image to be full size. The product details page cannot fit the full image as it does now when we changed the height into 500px as you instructed. :
    http://shamandrum.fi/fi/pienet-rummut/shamaanirumpu-15018-detail

    - Anne
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, February 23 2016, 04:16 PM - #permalink
    0
    Here still images of what I mean. I have to change the css code back to 250px so that the image is not streched as it is now. Please advise how to show the pop-up images in correct size. Thanks!

    - Anne
    The reply is currently minimized Show
  • Accepted Answer

    Wednesday, March 02 2016, 08:23 AM - #permalink
    0
    HI,

    any futher instructions how to get ONLY the pop-up images to show up in 500px width or height? The instructions I got from you changed the product details image. This is not working since if the product has 500x500px image and the details page shows 500px then product image was packed to 500px but narrow. There is no room to show 500x500px image on product details page. But the pop-up image should be big and no the same size as the product page image.

    How to achieve this?

    - Anne
    The reply is currently minimized Show
  • Accepted Answer

    Friday, March 04 2016, 06:20 PM - #permalink
    0
    What browser version are you using? Try this code:


    .pikachoose {width: 520px; margin: 0 auto;}
    .pika-stage, .pika-textnav {width: 500px;}
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, April 05 2016, 08:27 AM - #permalink
    0
    Hi,
    I tried this but it did not work. The frame just got bigger and streched over the product data. What we need is as follows:

    1) Normal stage as now, no change in normal view:
    http://shamandrum.fi/fi/pienet-rummut/shamaanirumpu-15018-detail
    (Please see image code-did-not-work.png)

    2) When clicking the image, the image would be BIGGER, but only in the POP-UP mode and the biggest image would show bigger. (Please see image pop-up-image-bigger.png)

    All the changes we've tried according to your instructions have changed the normal-view, which should not change, but have not changed the pop-up-image view which we do want to change. :(

    Please advise how to get the pop-up image showing bigger!

    - Anne
    The reply is currently minimized Show
  • Accepted Answer

    Sunday, April 10 2016, 11:18 PM - #permalink
    0
    Hi, please open templates/joomspirit_76/assets/css/pikachoose/base.css

    Find:

    .pika-stage, .pika-textnav {
    width: 256px;
    }


    replace:


    .pika-stage, .pika-textnav {
    height: auto !important;
    width: 600px;
    }
    The reply is currently minimized Show
  • Accepted Answer

    Wednesday, May 04 2016, 09:22 AM - #permalink
    0
    Hi,

    tired that one again, but again the change happens on PRODUCT PAGE -view. We need only the POP-UP view to show a bigger image. If the PRODUCT-view is bigger then it gets twisted (narrow and tall).

    Now there is no option to show a big image anywhere by using megatheme. The categorypage view is small, product image is a bit bigger, but not much. And pop-up still shows the quite small image. Please give us a code that ONLY makes the POP-UP image bigger. Thanks!

    - Anne
    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

In all Download Folders from my Download Arrea are only the html and the images ...
5 days ago 5
Dobrý den, mám u Vás zakoupený proff. package, vytvořil jsem si šablonu, ale pok...
6 days ago 1
Hi I get the following warning on the product page when using the Simple File Up...
1 week ago 1
Password proctected content
2 weeks ago 2

Who's Online

We have 103 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