How to Customize Homepage Product Widget Layout in Mega Electronics Theme

Hello,

I am using the Mega Electronics theme on my website, and I would like to customize the product widget on the homepage.

The current product card layout looks like this:

I would like to change it so that it looks like this:

Specifically, I would like the product card to be structured as follows:

* Product image (same as now)
* Product title
* Product category (keep it as it is)
* Below the category, add a small specifications area (custom short description)
* Show the regular price crossed out, and display the discounted price highlighted below
* Add an additional small text below the price
* Keep the “Add to Cart” button at the bottom

I have seen similar product layouts available in some themes, but I am a new user and I am not sure how to achieve this setup with Woodmart and Elementor.

Could you please advise the best way to achieve this using Woodmart / Elementor / WooCommerce?

Thank you.

[Author]

Posts