Once again CS Cart made it difficult

General
1

I don’t know why CS Cart make updates that will affect the website structure when they know that out there are a lot of third party integration vendors and almost all the updates they made in some way affect the whole or part of the website structure.

Every time I do an update I get into a new problem.

My products are overlapping and I don’t remember how to fix it using the CS Cart configuration. Also, the CSS code to reduce the Add to Cart button stopped working for some reason that I don’t know.

The CSS code I have right now on my store is the following. The last part of the code is to reduce the Add to cart Button size but is not working anymore. Any idea in how to fix the overlapping and button? My CS Cart version is 4.14.1.SP1

You can check the overlapping here.

The CSS Code I have on my website right now is the following

.ut2-min-narrow .ut2-gl__control.bt-2x .ty-btn:not(.ty-btn__primary) {
max-width: none;
}
.ty-checkout-summary__item.ty-checkout-summary__taxes {
display: none !important;
}
.side-grid.litecheckout__cart.checkout {
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 2.1276595744681%;
margin-top: 98px;
}
.ut2-pn__items > a {
font-size: 15px;
}
.cat-view-grid > ul.subcategories.clearfix {
display: none;
}
.top-grid > .container-fluid-row > .row-fluid > .span8 {
display: flex;
justify-content: flex-start;
align-items: center;
height: 37px;
}
.ty-footer-general__body {
line-height: 2;
}
.ty-footer-menu__item {
margin-bottom: 0px;
}
.ty-payment-icons__item {
margin: 3px;
}
.top-header-menu .ty-text-links__item {
border-right: 0px solid #eee !important;
}
.top-header-menu .ty-text-links__item {
border-right: 0px solid #eee !important;
margin-left: auto;
}
.top-links-grid .ty-text-links {
margin-top: 9px;
}
.top-currencies {
margin-top: 4px;
}
.top-languages {
margin-top : 4px;
}
.ty-float-left .ty-wysiwyg-content {
margin: 6px;
}
.ElementsApp .InputElement {
font-size: 13px !important;
}
.ty-statistic-list-shipping-method {
.ty-icon-flight:before {
font-family: uni2-icons,sans-serif;
content: “\e955”;
font-size: 16px;
}
}
#tygh_main_container .ut2-mid-narrow .ut2-gl__control.bt-2x.ut2-view-qty .button-container {
width: ~“calc(100% - 80px)”;
}

2

Your issue is related to the theme, not CS-Cart

As far as I can see, the code for the button works correctly

As for overlapping, please try to add the following code

.ut2-gl__item .ut2-gl__body {
     height: 100%;
}
1 Like
3

After checking the AB Unitheme configuration I was able to fix the overlapping problem. I had to modify the products blocks size reducing them. For some reason the buttons size were out of configuration for some time and then returned to their preview configuration.

I know is not a CS Cart problem but every time a do a CS Cart update for some reason the web design it’s affected, I don’t know why.

1 Like