Can't figure out how to make a WooCommerce shop page with all of my products
Website is robsrife.com
I'm working on the services section, that page is set up for shopping in WooCommerce
Three things I am struggling with in BeTheme are:
-Making a bounding box (sorry, I don't know a name for this). I have it in all my other pages. It's a box that goes around my content, has rounded corners, and has my navigation menu in the top. In night mode, it looks like the camera island on an iPhone). I need help with this, even if it's just a box on the top that has my navigation menu and says Services below it. But I would prefer to have all of the shop items in that same big box.
-How do I show all of my items in the store on this page? Do I need to custom build this page and add the WooCommerce element? Sorry, I just find this Be editor confusing.
-On my Services page, you can see that the word "services" appers behind my navigation menu, how do I remove that?
Thank you.
Comments
Hi,
1) Sorry, but your first question is quite confusing. Please explain it in more detail.
Moreover it would be best if you attach screenshots showing what you refer to.
2) If you want to show products on the home page, use the Shop element for that.
3) Go to Betheme -> Theme options -> Header & Subheader -> Subheader, and use an option to hide the Subheader:
Best regards
Thank you.
Regarding question 1, how do I create this simple box I've focused on in the picture?
When I click "add wrap" it's just a white box that goes too far to the edge and doesn't have a nice background like the gradient I've copied from one of your templates. To get that, is there some kind of box in the wrap? I'm just so confused about the structure of building here.
Is this box with rounded edges and the gradient that was already made a prebuilt section that I can easily add another one? Or do I need to create that if I like the way it looks?
Edit...I've figured out how to export and import those sections, while I don't know how to create them from scratch, this will be a sufficient workaround unless you have an easy way to teach me or those boxes are configured as a preset.
It is a section. It has margins set to move it further from the sides of the window:
The gradient there was done as an image background:
Border radius can be set in the Border tab:
Best regards
That was really helpful, thank you.
Hopefully my final question for you: I like the way that BeTheme has these single product page layouts, I would like to use Default or Modern but I also need to have a section like the one below ("Services") above the Default or Modern layout. How should I be accomplishing that?
I currently have it set right here to use a custom template, but I don't know how to make the template as well and comprehensive as the ones you provide. https://robsrife.com/product/annual-membership-with-terrain-detox-4-sessions-1x-quarterly/
Please see the following video tutorial:
https://support.muffingroup.com/video-tutorials/how-to-customize-woocommerce-single-product-layout/
There you will find a detailed description of how to customize your single product template.
Best regards
Thank you again.
Where do I add a cart icon to pull up the cart on the side? I can only get it to come up while adding an item to the cart. I can't figure out if that's an element, a widget, or something else.
You can skip my previous message.
Ultimately I've been running into all of these challenges and questions for you because I am trying to have a custom section at the top that shows my navbar menu. I don't want to have to go in and customize every page. I want to use defaults for just about every page for the site and WooCommerce. I want all of these options to show up… (account menu/cart sidebar button) as they do without templates on the default BeTheme setup.
I want both of my sites: robnd.com and robsrife.com to use a container like below with the navigation menu (*and account menu/cart sidebar button on robsrife.com). I want them to show the title of the page as the example below does "Services." I also want it to have an appropriate amount of spacing before the automatic generated default content of the page is generated. I don't want anything to overlap. The only thing I want to be custom is a menubar in a container like what you see below but with the account and cart buttons. I have spent so much time creating custom pages to try to make this work but I know that there has got to be a better way.
Robsrife should have a cart, the other one doesn't need it.
Ultimately I just want the top section to have the aesthetic below, with all of the options pictured above, and then have everything else generated automatically as it would with default settings. Is this possible, how do I do it please? Thank you.
Edit your header template, and add an icon element with appropriate type selected:
To create such Subheader, see the following video tutorial:
https://support.muffingroup.com/video-tutorials/custom-subheader-with-dynamic-data/
Best regards