using sample page template
This support request was posted in BBQ by akanekodani
- akanekodani January 12, 2015 at 5:30 am
Hello.
I’d like to use a simple template such as sample page template to build a shop page using woocommerce plugin. However, I cannot change to any other templates. Even if I change to other template (ex. contact) It always show the blog template.
I don’t want to have a right column in the shop page. How can I select the simple sample page template? http://demo.nicethemeswp.com/?t=bbq
Also, I don’t see this sample page template. how can I get this template?Please let me know.
Thank you.Andrés Villarreal January 12, 2015 at 12:48 pmHi,
Thank you for writing. I’ll take a look to your site and let you know what I found.
Best,
Andrés.
Andrés Villarreal January 12, 2015 at 12:59 pmWell, I see your problem happens because WooCommerce overrides the settings of the page you select in WooCommerce > Settings > Products as the Product Archive / Shop Page. Once you left that option empty or select another page, you’ll recover control and can set any template you want.
May I ask how you want to build the page, to see if I can give you a little more help?
Best,
Andrés.
akanekodani January 13, 2015 at 3:23 amThanks Andres for your reply. I unchecked the Product archive/Shop page option empty, but now it doesn’t show the shop content in the shop page. In woocommerce setting, you need to select the shop page to put the shopping products in.
However, once I select the shop page, it automatically select blog template and cannot change to other template. Please let me know how to solve this issue.Thank you.
AkaneAndrés Villarreal January 13, 2015 at 6:19 pmWell, that’s not exactly our blog template, but a WooCommerce template that happens to look very similar to our blog template. As I said before, when you select a page to be the Shop page in WooCommerce settings, that page will use a WooCommerce template instead of a theme template. So this issue has more to do with WooCommerce than with any theme you choose to use (in fact, it’s something that will happen with any theme).
The good thing is that WooCommerce offers options to work around this issue. If you want to keep the list of products in the shop page, but also modify how that page looks, you should add a custom template to override the one that WooCommerce is using. You can see how to do that in the official WooCommerce documentation about templates: http://docs.woothemes.com/document/template-structure/.
Please let us know how it goes.
Best,
Andrés.
akanekodani January 14, 2015 at 2:07 amThanks so much, Andres for the response and the links. I will try to figure out the way to fix using the woocommerce template. I will let you know if I will have more questions about it.
Best
Akaneakanekodani January 16, 2015 at 7:52 pmHi Andres
I managed to change the right column using the woocommerce plugin. and now I have a question about the main column layout. I think this is coming from BBQ theme.
I set 1px border in the top of the title of the page. But there are 2 borders in this shop page.
Does it have any way to take the 2nd border out?
http://patisserietomoko.com/shop/Thank you.
Andrés Villarreal January 19, 2015 at 2:47 pmHi,
You have a second
#containerID in your HTML, beside the one that’s in there by default in BBQ, and that’s what causes the border to duplicate. Probably this is present in the markup of your new WooCommerce template, so you just need to remove or change that ID to fix the issue.Please let me know if this helps.
Best,
Andrés.
akanekodani January 20, 2015 at 3:33 amThanks for the reply, Andres. I understood that there is a second #container ID. But where to take it off? From woocommerce css or PHP file? I know this is not BBQ template, but please let me know if you know.
Thank you.Andrés Villarreal January 20, 2015 at 12:34 pmHave you created a new PHP file for the WooCommerce shop template you’re using in that page? If so, you should remove the ID from its HTML code.
Another option is to remove the CSS properties of the second ID by adding something like this to your custom CSS:
#container #container { border: none; margin: 0; max-width: 100%; padding: 0; }However, this second method might not be compatible with some older browsers, so my recommendation is to remove the ID from the HTML of the PHP template. If you’re not using one, take a look on the WooCommerce docs about template structure: http://docs.woothemes.com/document/template-structure/.
Best,
Andrés.
akanekodani January 20, 2015 at 2:50 pmThanks so much for your reply. I haven’t made the new PHP folders. Will try and see if this update works.
Thanks
Akane
You must be logged in to reply to this topic.