using sample page template

This support request was posted in BBQ by akanekodani

Request ID #5151 In Progress
  • 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

    Hi,

    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

    Well, 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.

    Thanks 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.
    Akane

    Andrés Villarreal

    Well, 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.

    Thanks 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
    Akane

    Hi 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

    Hi,

    You have a second #container ID 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.

    Thanks 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

    Have 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.

    Thanks so much for your reply. I haven’t made the new PHP folders. Will try and see if this update works.

    Thanks
    Akane

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server