Cart Glitch and Shop banner Image Issue - by Ammar Tahir

This topic has 10 replies, 3 voices, and was last updated 4 years, 10 months ago ago by Olga Barlow

  • Avatar: Ammar_Tahir
    Ammar Tahir
    Participant
    January 15, 2021 at 16:41

    1- The banner on the shop page is not getting adjusted. My sidebar is sticky and the banner is set to “On the top page” but still it is not being aligned

    https://upafaq.com/product-category/autocare-accessories/
    null
    2- Major Problem: In Mobile View: When I go to shop page, add any product and go to cart page, the cart does not contain that product but does add 2 random products by itself and on checkout there comes another random product. Please fix this error or guide me that why is it coming like this. If there is a need to import the demo content again then I’ll do it But I need a quick response.

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 16, 2021 at 09:54

    Hello,

    Thanks for using our theme.
    1. If you just want to show the image as a banner, do not use Slider revolution there. Just create a static block with the desired content using Elementor – https://prnt.sc/wsyklu , for example – https://prnt.sc/wsylz8 https://prnt.sc/wsymv7
    2. Try to disable all the third-party plugins, that do not come bundled with XStore https://www.8theme.com/documentation/xstore/plugins/included-plugins/ , clear all cache, check how it works then.

    Regards

    Avatar: Ammar_Tahir
    Ammar Tahir
    Participant
    January 16, 2021 at 18:59

    Hi I have tried what you said disabling plugins but it didn’t worked.
    I am only using checkout editior plugin which is 3rd party
    I think I need to import another demo to fully test then come back to you I am getting licence limit while importing demo to my test site please increase the limit in order to test .

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2021 at 09:43

    Hi,

    2) Provide temporary wp-admin and FTP access, so we can take a close look at the problem.
    3) You can activate the theme now.

    Regards

    Avatar: Ammar_Tahir
    Ammar Tahir
    Participant
    January 19, 2021 at 18:44

    it was max execution time error please which led to this problem. Please update the license limit again

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 20, 2021 at 11:12

    Hello,

    Done.

    Regards

    Avatar: Ammar_Tahir
    Ammar Tahir
    Participant
    January 20, 2021 at 14:39

    Guys I need help: need help:

    When you hover on any product you see a hover effect with a shadow and border radius on every product actively. I mean you need to hover on product that effect should by default be active. Can you please provide me the class name and css

    Thanks
    please check

    demo: niche market 2
    I want that effect to be on every product card so send me global CSS
    this is what I am trying to do
    please check

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    January 20, 2021 at 21:30

    Hello,

    First of all go to Theme Options > Custom CSS > Desktop custom CSS and remove the below code

    .product-view-default,.product-type-simple {
                        background-color: white;
                        box-shadow: rgba(0,0,0,0.1) 1px 1px 14px 5px;
                        border-radius: 8px !important;
                        margin-left: 5 px
                    }

    Also, find the code for the hover effect in the Global CSS and remove it

    .products-loop .product:hover, .carousel-area .product-slide:hover {
        box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
        z-index: 2;
        transform: translateY(-5px) scale(1.007);
        border-radius: 5px;
        background-color: #fff;
    }

    Do you want to achieve the following effect https://prnt.sc/xb9w1b ?
    Then add the following code to Theme Options > Custom CSS > Global CSS

    .content-product {
        background-color: white;
        box-shadow: rgba(0,0,0,0.1) 1px 1px 14px 5px;
        border-radius: 8px !important;
        padding: 5px;
    }

    Regards

    Avatar: Ammar_Tahir
    Ammar Tahir
    Participant
    January 24, 2021 at 23:56

    Guy’s I need help again :
    I can see that the class name woocommerce-price-amount is being used for both regular and sale price 
can you guys please let me know how : 

    1): to add a line break
    between regular and sale price
    
2): to bold the Sale price
    
3): to add sold hook in .content-product Class
    4): to disable hover property of the card 
if you go to upafaq.com/shop and hover on a product you will see every disturbing hover experience so I would I to rather disable it or reduce it

    what we are trying to achieve
    5): to change Sorting of product details
    .
product name
    .Sale price
    .
 Regular price.
    
Reviews && Sold in the same line
    
6): We are selling groceries as well so add to cart counter ( + – ) makes sense in case of buying groceries but not for clothing or other categories so how do I make a increment, decrement counter on a specific category

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    January 25, 2021 at 21:49

    Hello,

    1) Add the below code to Theme Options > Custom CSS if you want to move the sale price below the old price

    .content-product .product-details .price del {
        display: block;
    }

    2) Price is already bold on your site https://prnt.sc/xmci33
    3) Don’t understand what you want to implement. Explain in more detail, please.
    4) Go to Theme Options > Custom CSS > Desktop custom > find the below code and remove it

    .products-loop .product:hover, .carousel-area .product-slide:hover {
        box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
        z-index: 2;
        transform: translateY(-5px) scale(1.007);
        border-radius: 5px;
    }

    5) There is no such option. You may submit customization request here to implement this. Item support does not include services to modify or extend the item beyond the original features

    6) There is no such option in our theme. You can either enable or disable q-ty on the product grid. To disable it go to Theme Options > WooCommerce > Shop > Product styles > disable Q-ty option.

    Regards

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

The issue related to '‘Cart Glitch and Shop banner Image Issue’' has been successfully resolved, and the topic is now closed for further responses

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