related-and-upsells covering the basel-scroll-content

hi, I have to say thanks for your help again at the first.

my problem is the “related-and-upsells” content are covering the “basel-scroll-content” content.
I’ve tried to set the related-and-upsells css as
position:absolute; but the footer’s content will go upon the related-and-upsells.

thanks.

Hi,

We just visited your page and it is not loading at all https://gyazo.com/6cf10e10f47053c9cfa5907b9a4f5b4f
Could you please check it?

Regards

sorry, would you please check it again, I’ve fix that already.

May I asking extra question for upsells conten,
How can I change the basel_upsells_per_view from 4 products to 6 products by adding code on child’s functions, thanks

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.single-product-page.product-design-sticky .product-image-summary {
	margin-bottom: 0;
}

.single-product-page.product-design-sticky #woosvimain {
	margin-bottom: 0;
}

.single-product.basel-product-design-sticky .related-and-upsells > section {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 80px;
	background-color: white;
}

.single-product-page.product-design-sticky .product-image-summary {
	position: relative;
}

.single-product-page.product-design-sticky .product-image-summary:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 50px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.single-product.basel-product-design-sticky .footer-container {
	margin-top: 40px;
}

Regards

And use this code to change number of upsells products per view

add_filter('basel_upsells_per_view', 'basel_upsells_per_view_child', 10, 1);
function basel_upsells_per_view_child( $num ) {
	return 6;
}

thanks a lot, that really solved my problem.
I’m really appreciate it.

You are welcome!

[Author]

Posts