Product Container

Hi @dsizz0529,

Thanks for contacting us.

If you want to apply border radius to a single product. Please follow this video. If this is not a single product then please share a screenshot of which product container you like to change the border radius.

Looking forward to your response and we are always here to assist you.

Best Regards,
Amir

My apologies for not being clear, was tired when I wrote this originally haha. By product container I meant The product archive block. I want the radius on each individual product card changed to be more round.

Hi @dsizz0529,

Hope you are doing fine.

I understand your query now. We haven’t added the controller yet to apply radius to each of the product cards. But it can be done by applying some custom CSS. Please add this below CSS code in Appearance → Customize → Additional CSS

.shopengine-archive li.archive-product-container {
    border-radius: 30px; //Add the Radius as per your needs
}

.shopengine-archive  .shopengine-widget .shopengine-archive-products .products .product .attachment-woocommerce_thumbnail {
    border-radius: 30px;  //Add the Radius as per your needs.
}

Please see the video for a better understanding. I hope you understand the process.

Let me know if you need further assistance from us.

Regards,
Amir

Hi! That worked on changing the border, but now the background extends past the border, no matter how much I change the margin. Was also wondering how to change the radius for products on the shop page. Below is an imgur link with screenshots of my issue. Thanks!

Screenshots

Hi @dsizz0529,

Hope you are doing fine. To use the radius in the shop page please use the following CSS.

 .shopengine-shop li.archive-product-container {
    border-radius: 30px; //Add the Radius as per your needs
}

.shopengine-shop  .shopengine-widget .shopengine-archive-products .products .product .attachment-woocommerce_thumbnail {
    border-radius: 30px;  //Add the Radius as per your needs.
}

Always keep product container padding zero(0) for both shop and archive page template at the Elementor editor. Then background extend issue will be solved. Please follow the video for a better understanding.

If the issue still persists, please share your website’s link. We will check the issue and help you to find a solution as soon as possible.

Regards,
Amir

this is the same code you posted last time, and does not touch on any of the things ive requested!

Hello @dsizz0529 ,
Hope you’re doing fine.

The CSS code that was sent in response to changing the radius for products on the shop page is different than the code sent in the earlier response for the Archive page. There is a difference between the classes. If you place both code side by side, you will notice the difference. I tested the CSS code and can assure you that the Border radius of the product cards is getting changed on the shop page by using that CSS code.

In response to the Background extending issue on the archive page after applying the CSS code- This is happening due to applying to pad on the product container. Applying 0 padding for the product container will solve the issue with the Background. Please check this screenshot for a better understanding.

Let me know if you need any further assistance in this matter. We will be happy to assist you.

Best Regards,
Prosenjit

figured out the issue, was with elementor. What I’m more concerned about is why I have to set products to simple on the archive page in order for them to appear after going into subcategories? Variable products wont list and it kind kinda defeats the purpose of even having a search filter?

The issue above has been solved. I guess my final question is why I cant paste the archive products block outside of the pre-built template I’m given?

Hi @dsizz0529,

Hope you are doing fine.

I understand your last query. ShopEngine is template based. So some widgets except the General widgets are not possible to access other templates. For example, the archive products widget can’t be included in the single product template. Hope you understand.

Let me know if there is anything else that you need help with.

Regards,
Amir

That is disappointing, would love to see it implemented in the future! Is There any way to get the archive product loops to pop up on product cards outside of a template build?

Hello @dsizz0529 ,
I hope you’re doing fine.

Currently, these are the widgets available in ShopEngine that can be used outside of the Template. You can use them on a standalone page. But, the Product Loop you are talking about is only for the Archive and Shop template and this can’t be used outside of these templates. I hope you can understand the matter.

But, you can try the Product List widget which will also provide you with a Product loop that is Identical to the Archive Product widget.

Let me know if there is anything else you need help with.

Best Regards,
Prosenjit

How do I Change the border radius for the product list widget, also how do I stop the entire title from being cut off on the individual product card?

Also whats up with the billing info on the checkout template? looks fine in the elementor build, and WAS working up until today. what gives?

View post on imgur.com

[ Please do not bump. ]

• This reply was modified 2 years, 4 months ago by Jan Dembowski.