Problems with extra CSS for UPCP Product Cataloge

  • Resolved SimonSvensk

    (@mobilmeckaren)


    5 years, 5 months ago

    Hello there! I’ve purchased the UPCP plugin and I’m liking it a lot. However I’m having some issues with CSS (I guess?) and this is the symptoms of my problem:

    1. The product catalog keeps aligning left, both on mobile device and computers.

    2. When I click “Webshop” from the main menu of my website, I get to the Webshop but it doesn’t show the sidebar with filters and search up until that I choose a product category.. Really annoying; What if somebody wants to search products without picking a category first!?

    3. As some other people have posted before, there’s a big “%s Items in cart; CHECK OUT? or empty cart” sign in the upper right corner if you add something to your cart. This box messes up my whole site on mobiles since it’s so big it blocks everything else. I want to remove it and show the cart to users with regular widgets.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 16 through 21 (of 21 total)

  • Hello @mobilmeckaren,

    Could you provide all the custom css we provided that you are presently using?

    Also, could you provide all the custom css that you added to the catalog yourself?

    I’d like to make sure the styles are not conflicting with each other.

    Thread Starter SimonSvensk

    (@mobilmeckaren)

    Abdolutely. Here is everything I have.
    The part you didnt provide for me in this thread i have removed in each attempt with your new codes sent, and then i put it back now because it didnt make a difference if i had it on there or not. I dont even remember what it does.

    .upcp-tabbed-main-product-container {
    clear: none;
    width: fit-content;
    float: left;
    margin-left: 2em;}

    .detail-display .upcp-details-text {
    width: 100%;
    }

    .upcp-thumb-title {
    min-height: 105px;
    }

    .upcp-catalogue-link {
    background: white;
    }

    Thread Starter SimonSvensk

    (@mobilmeckaren)

    Hello again. The problem with add to cart button is still there on the webshop for mobile units, its also looking weird on the computer since it doesnt line up with the price of the thing i’m selling. And also problem #3 that i wrote about in the original post is back now.
    When I add something to my cart it hops up in the right upper corner that I’ve added something to the cart. I don’t want this message to appear, and especially not on mobile units since it covers the whole layout.
    A new problem has also emerged:
    I have a second catalog at https://mobilmeckaren.se/reparationer/ and I don’t want the customers to be able to add it to cart, I want them to only view the product and then purchase from product page, since it’s only products that the customer have to chooes from dropdownlist what to purchase (I’m selling smartphone repairs and they must choose what’s broken on their phone)
    How do i do this? And how do i disable the “Kr” text (its same as $-sign) from the https://mobilmeckaren.se/reparationer/ products before clicking on the products?
    Thank you for being so helpful, wish you all the best / Simon.

    • This reply was modified 5 years, 5 months ago by SimonSvensk.
    • This reply was modified 5 years, 5 months ago by SimonSvensk.
    • This reply was modified 5 years, 5 months ago by SimonSvensk.
    Thread Starter SimonSvensk

    (@mobilmeckaren)

    I changed from default to minimalist and it solved this problem pretty much.

    • This reply was modified 5 years, 5 months ago by SimonSvensk. Reason: Reply as resolved

    Sorry it took a while to get back to you on this thread. I’m glad you were able to resolve the issue(s). Was there anything else that you needed help regarding this thread?

    Thread Starter SimonSvensk

    (@mobilmeckaren)

    No, i made a new thread about the new problems that emerged from making these changes. Thanks

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Problems with extra CSS for UPCP Product Cataloge’ is closed to new replies.