Was trouble shooting a plugin problem and broke mini cart i think.

[Matt]

I got with the Visual Product Configurator which goes to my “Duck Call Builder” page. They went in and changed some stuff and got their Product to appear in cart correctly and I thought all was fixed. I was doing my last minute checks before going live and realized now everything else except for VPC Products are cut in half. Can’t figure out what code is breaking it but hopefully get something figured out where both products appear as normal.

View post on imgur.com

1 picture is of what every product looks like in the cart except for any product dealing with the duck call builder. (VPC Plugin)
the second picture is of the VPC product in the mini cart.

[Leo]

Hi there,

Kind of hard for us to tell.

Was it working before the changes were made?

Have you tried asking the people who made the change to undo the change and see if the problem is coming from their end?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Matt]

Hey Leo, I did send them a message but I bought their plugin about 6 months ago and right after I bought it they swapped to new ownership and the new owners don’t answer very quickly or speak English very well so it’s hard to get anything done quickly with them. I will say I know the CSS they added to Custom.css is

/**custom CSS from VPC Creators**/
#wc-mini-cart{width: 500px;}
.woocommerce.widget_shopping_cart .cart_list li{padding: 0 0 0 10em !important;}
.mini_cart_item .vpc-cart-config-image {
left: 0 !important;
position: absolute !important;
}
.woocommerce ul.cart_list li img{
position: absolute !important;
width: 100px !important;
margin-left: auto !important;
margin-right: auto !important;
top: 15% !important;
}
.mini_cart_item .vpc-cart-config img {
left: initial !important;
}

The only thing I edited in this code was to add !important to it that’s it. The custom editing I did was rounding and styling to the VPC in the mini-cart code and consisted of this:

/*my addition for VPC styling*/
#vpc-preview img {
border: 2px groove !important;
border-radius: 10px !important;
box-shadow: 2px 2px 7px 0 rgba(0,0,0,0.6) !important;
}

div.vpc-component-header img {
color: black !important;
border: 2px groove !important;
border-radius: 10px !important;
box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6) !important;
}

div.vpc-component-header, span.vpc-selected.txt, div.vpc-group {
    color: #000000;
    background-color: #cfcfcf;
}
label.custom {
border: 1px solid black !important;
}
div.vpc-textarea-fields-wrap.vpc-options h5 {
background-color: #CFCFCF !important;
}

div.vpc-textarea-fields-wrap.vpc-options {
color: #000000 !important;
background-image: linear-gradient(green, black) !important;
}
/*rounds mini cart*/
li.woocommerce-mini-cart-item.mini_cart_item a {
padding: 3px !important;    
border-radius: 10px !important;
}
div.vpc-cart-config-image.o-wrap {
border-color: transparent !important;
}
div.vpc-cart-config-image.o-wrap img {
border-radius: 10px !important;
box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6) !important;
}

I guess I was hoping you could look at their code and my code and figure out which one is causing it and maybe how to make both work? Like I don’t know CSS 100% but i think you can add ul li and stuff to things or drop them so they don’t apply to something else. If we could edit theirs or mine so it doesn’t break their code but works with it.

[Leo]

Unfortunately we cannot help with code that are specific to other plugins.

Have you tried removing all the CSS temporarily to see if the issue is fixed?

Then you can add them back one by one to see which one is causing the issue.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts