Multiple Images on product page first load

  • Resolved Enzer

    (@enzer)


    11 years, 5 months ago

    Hello,
    I really love your plugin and it really suits my needs.
    I’ve even managed with my tiny knowledge to adjust it to my needs but today a weird problem happend.
    As you enter a products page for the first time, not only the 1st image is visible but 2 of them.
    everything worked well for me but now for some reason it broke and I can’t get to fix it.
    here’s a picture to illustrate the situation better:
    https://img837.imageshack.us/img837/5449/mdp5.jpg
    as soon as I click one of the images on the right bar, everything goes back inorder, the problem is only upon the load of the product page.
    Thank you!

    https://www.ads-software.com/plugins/wp-catalogue/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Maeve Lander

    (@enigmaweb)

    Wow that is totally weird! Never seen that before. I really have no clue why that might be happening just from looking at the image. I would need you to post a link so I can see the code.

    But good chance it is caused by some rogue css in your theme or a conflict with another plugin. To check, deactivate all your other plugins and swtich to the default twentytwelve theme. Fix the issue? If yes, then reactivate things one by one until you find the culprit.

    Thread Starter Enzer

    (@enzer)

    Thank you for your reply!
    After spending over 3 hours I finally found the issue.
    At an earlier stage I tried fixing the issues I was having with internet explorer, so I implemented the css rules advised by jdai.

    Thank God for developer tools. I was able to fix everything by adding the following CSS to my themes CSS:

    .wpc-img img {
    max-height: 151px;
    max-width: 212px;
    width: auto;
    height: auto;
    }

    .new-prdct-img img {
    max-height: 151px;
    max-width: 151px;
    width: auto;
    height: auto;
    }

    .product-img-view img {
    max-height: 358px;
    max-width: 500px;
    width:auto;
    height:auto;
    }

    The problem was with height:auto, which shrinked img1 and then img 2 which is out of the frame got in.

    anyway, thank you for all your help and great work on this plugin!

    Plugin Author Maeve Lander

    (@enigmaweb)

    Ok cool. Glad you got it fixed and thanks for posting the solution here so anyone else with the problem can fix it too. Marking this thread resolved now.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Multiple Images on product page first load’ is closed to new replies.