How to make this homepage?

Hexor

:):
Trusted Seller
Trusted Uploader
Jun 23, 2020
2,005
1,546
120
Pale Blue Dot
Can anybody tell me how can i build this home page with elementor?
Or any theme to achieve this? I am a beginner, any help would be appreciated
Here is the design


120101015_2719672871638468_3488250171346814101_o.jpg
 
  • Like
Reactions: bigmacgw1

newbi3

Well-known member
Trusted Seller
May 16, 2019
576
405
63
Use elementor pro to build the header and footer
and then I'm pretty sure Elementor has a widget to show off your woocommerce products like this.
 

Hexor

:):
Trusted Seller
Trusted Uploader
Jun 23, 2020
2,005
1,546
120
Pale Blue Dot
Use elementor pro to build the header and footer
and then I'm pretty sure Elementor has a widget to show off your woocommerce products like this.

Thanks for the suggestion.
How to add two menus on header per column?
 

MrSam_1

Well-known member
Administrative
Trusted Seller
Dec 1, 2018
24,049
27,342
120
For Elementor you'll need Elementor Pro or an addon that has Woocommerce Elements.

Pro will allow tyou to build the headers and footers too.
 
  • Like
Reactions: tradesman and Hexor

newbi3

Well-known member
Trusted Seller
May 16, 2019
576
405
63
Thanks for the suggestion.
How to add two menus on header per column?

If you use Elementor Pro, there are few header templates you can import and edit per your requirements. I think there should be a header template like this.

PS: Create two menus (Let's say column 1 and column 2)
 

MrSam_1

Well-known member
Administrative
Trusted Seller
Dec 1, 2018
24,049
27,342
120
Any recommended addon for woocommerce?
Woolentor or Woolementor. The new version of Powerpack is great for woocommerce too.

For the header create a 4 column section and do like this....

Menu 1 ¦ Logo ¦ Menu 2 ¦ Button
 

Hexor

:):
Trusted Seller
Trusted Uploader
Jun 23, 2020
2,005
1,546
120
Pale Blue Dot
Woolentor or Woolementor. The new version of Powerpack is great for woocommerce too.

For the header create a 4 column section and do like this....

Menu 1 ¦ Logo ¦ Menu 2 ¦ Button
Ok I have figured it out, just one last thing, I can add tabs, but how to show categories on tabs and how to show products of those categories under the particular tabs? any tutorial will be helpful.
thanks in advance bro
 

Hexor

:):
Trusted Seller
Trusted Uploader
Jun 23, 2020
2,005
1,546
120
Pale Blue Dot
Ok I have figured it out, just one last thing, I can add tabs, but how to show categories on tabs and how to show products of those categories under the particular tabs? any tutorial will be helpful.
thanks in advance bro


I think I have to create a template for every category then add their shortcode on tab's content area. am I right bro?
 

MrSam_1

Well-known member
Administrative
Trusted Seller
Dec 1, 2018
24,049
27,342
120
Off the top of my head I can't remember if you can set the tab name dynamically or not.

To display the products create a template that lists the products for the category then use the Template element to include it in the tab.

Creating a category filter might be easier though. Depends what addons you have though.
 

Hexor

:):
Trusted Seller
Trusted Uploader
Jun 23, 2020
2,005
1,546
120
Pale Blue Dot
Off the top of my head I can't remember if you can set the tab name dynamically or not.

To display the products create a template that lists the products for the category then use the Template element to include it in the tab.

Creating a category filter might be easier though. Depends what addons you have though.

Yeah figured it out. thanks anyway
 
  • Like
Reactions: MrSam_1

frizzel

Well-known member
Trusted Uploader
Jun 13, 2019
485
253
63
Wherever my imagination takes me
For the header create a 4 column section and do like this....

Menu 1 ¦ Logo ¦ Menu 2 ¦ Button
I would not do it like that. I would either do 3 columns and style the last link in the menu as a button in CSS, or use a theme (e.g. Understrap Builder) that has a choice in the Customizer to center the logo and add a button to the menu as well (although I still prefer the CSS styling of the last menu item).
 

MrSam_1

Well-known member
Administrative
Trusted Seller
Dec 1, 2018
24,049
27,342
120
I would not do it like that. I would either do 3 columns and style the last link in the menu as a button in CSS, or use a theme (e.g. Understrap Builder) that has a choice in the Customizer to center the logo and add a button to the menu as well (although I still prefer the CSS styling of the last menu item).
Given the OP said he was a beginner is why I advised what I did.
 

davidgreen

Active member
Feb 1, 2020
406
120
43
I would not do it like that. I would either do 3 columns and style the last link in the menu as a button in CSS, or use a theme (e.g. Understrap Builder) that has a choice in the Customizer to center the logo and add a button to the menu as well (although I still prefer the CSS styling of the last menu item).
understrap builder, I heard for the first time, I checked it was $ 199 a year.
Do you have free or proper page builder advice?
 

frizzel

Well-known member
Trusted Uploader
Jun 13, 2019
485
253
63
Wherever my imagination takes me
understrap builder, I heard for the first time, I checked it was $ 199 a year.
Do you have free or proper page builder advice?
I understand the name is a bit confusing. Understrap Builder is a child theme for Understrap theme and comes with some handy settings in the Customizer screens, but is not a full-blown page builder.

Don't know where you got the price from, you can download it for free from the official website.
But again: this is NOT a full-blown Page Builder.
 

ELLIO7

Well-known member
Trusted Uploader
Banned User
Nov 27, 2019
2,202
2,775
113
125
Mars
@hexor do you have any more questions going on? Lately I've been building a lot of ecommerce sites using woocommerce + elementor. If you need any help you can ask me, would love to help you out.
 
Last edited:

Hexor

:):
Trusted Seller
Trusted Uploader
Jun 23, 2020
2,005
1,546
120
Pale Blue Dot
@hexor do you have any more questions going on? Lately I've been building a lot of ecommerce sites using woocommerce + elementor. If you need any help you can ask me, would love to help you out.

I am trying to make a digital product website. if you can suggest me something different it would be good. Because all the ecommerce theme layout out there, are almost same.
 

About us

  • Our community has been around for many years and pride ourselves on offering unbiased, critical discussion among people of all different backgrounds. We are working every day to make sure our community is one of the best.

Quick Navigation

User Menu