Related items looks terrible - by peter4576

This topic has 16 replies, 2 voices, and was last updated 8 years, 8 months ago ago by Eva Kemp

  • Avatar: peter4576
    peter4576
    Participant
    August 2, 2015 at 14:09

    Hi guys

    I dont know why the related items do not act just like the normal ordinairy products.

    I have my SKU enabled and it works like a charm on product-listing. But when it comes to related items it looks really shitty…

    What do I do?

    Also I get this ugly black underlining on my related products…

    http://pmr.as/produkt/headset/mdrmn4019/

    https://gofile.me/6lYKv/pcoZDnTT

    15 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    August 3, 2015 at 10:08

    Hello,

    Sorry, but I don’t see any issues with related products:
    http://storage1.static.itmages.com/i/15/0803/h_1438592859_1211108_15787d8d5f.png
    Could you please describe your problem with more details?

    Regards,
    Eva Kemp.

    Avatar: peter4576
    peter4576
    Participant
    August 6, 2015 at 17:47

    Oh, it may be because you are not logged in. Once you log in and get the add to basket icon it screws up. Ill add log-in in pm.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    August 6, 2015 at 18:48

    Hello,

    I logged in to your site but still don’t see any issues:
    http://storage4.static.itmages.com/i/15/0806/h_1438883296_8829145_47c3a65cc0.png

    Try to check it in another browsers.

    Regards,
    Eva Kemp.

    Avatar: peter4576
    peter4576
    Participant
    August 8, 2015 at 08:50

    Please check this link where you see how the itemnumber screws up under related items…

    https://gofile.me/6lYKv/xebngsF1

    Cheers

    Peter

    Avatar: Eva
    Eva Kemp
    Support staff
    August 10, 2015 at 08:45

    Hello,

    Try to use this code in custom.css file:

    .sku: {
        display: block;
    }

    Regards,
    Eva Kemp.

    Avatar: peter4576
    peter4576
    Participant
    August 17, 2015 at 05:10

    Hi again

    Nope, didnt do the trick. It seems that the related items just behave differently and that they need something to cool specifically for that section – without having a clue of what I am talking about

    Thanks

    Peter

    Avatar: Eva
    Eva Kemp
    Support staff
    August 17, 2015 at 11:55

    Hello,

    I’ve added this code in child style.css file:

    .content-product span.sku  {
        display: block !important;
    }

    Clear browser cache and check sku line in related products section now.

    Regards,
    Eva Kemp.

    Avatar: peter4576
    peter4576
    Participant
    August 18, 2015 at 06:48

    Excelent! Thank you very much!

    WOuld you have an idea on how to get rid of the black lines on the bottom which are suddenly appearing?

    Thank you very much

    Peter

    Avatar: Eva
    Eva Kemp
    Support staff
    August 18, 2015 at 08:12

    Hello,

    Sorry, but I don’t see black lines:
    http://storage3.static.itmages.com/i/15/0818/h_1439881904_7731403_d70ca7467a.png

    Regards,
    Eva Kemp.

    Avatar: peter4576
    peter4576
    Participant
    August 20, 2015 at 11:52

    Hi Eva!

    Your changes worked like a charm! However, I just realised that every single change is gone in responsive mode.

    + also header on iPad solely, screws up. Weird. Can you help with how to make changes also being active in responsive + on iPad?

    Thanks

    Peter

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    August 20, 2015 at 14:59

    Hello,

    I’ve added this code in child style.css file:

    @media (max-width: 980px) {.footer-product .yith-wcwl-add-to-wishlist a {
        background-image: none;
    }
    .footer-product .show-quickly {
       margin-top: 0;
    }}

    Please check the pages now.

    Regards,
    Eva Kemp.

    Avatar: peter4576
    peter4576
    Participant
    August 21, 2015 at 06:21

    Cool! Thank you very much!! Do you also have a solution for the header, misbehaving only on mobile?

    Avatar: Eva
    Eva Kemp
    Support staff
    August 21, 2015 at 09:41

    Hello,

    Do you mean cart icon is aligned incorrectly?
    Add this code in child style.css:

    @media (max-width: 480px) {.navbar-right .navbar-right {
        left: 10px !important;
    }}

    Regards,
    Eva Kemp.

    Avatar: peter4576
    peter4576
    Participant
    August 21, 2015 at 12:28

    Hi again

    The product-images still have this weird black underligning. Can you help remove that, please?

    Thanks

    Peter

    https://gofile.me/6lYKv/MvAZCH59

    Avatar: Eva
    Eva Kemp
    Support staff
    August 21, 2015 at 13:04

    Hello,

    Sorry, but we still can’t see black lines:
    http://storage4.static.itmages.com/i/15/0821/h_1440158558_6825520_86c2922687.png
    What browser and resolution are you checking in?

    Regards,
    Eva Kemp.

  • Viewing 16 results - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.