Custom theme woo commerce compatibility

  • Resolved tmadms

    (@tmadms)


    8 years, 10 months ago

    Hi,

    I’m not at all code savvy, and I’m just looking for a bit of help to get my woo commerce store up and running. I’m using a basic wordpress theme which doesn’t have proper woo commerce compatibility.

    I’m basically just looking for a bit of guidance as to what I can put into the code below to have it fit to the margins of my site properly. i.e match the ‘Tim Adams’ and Menu margin, and header height.

    http://www.tmadms.com/store

    I’ve added a woocommerce.php into the file structure with the following code…

    <?php
    /**
    * The template for displaying all pages.
    *
    * This is the template that displays all pages by default.
    * Please note that this is the WordPress construct of pages
    * and that other ‘pages’ on your WordPress site will use a
    * different template.
    *
    * @package kouki
    */

    get_header(); ?>

    <main id=”main” class=”site-main”>

    <?php woocommerce_content(); ?>

    </main><!– #main –>

    <?php get_footer(); ?>

Viewing 4 replies - 1 through 4 (of 4 total)
  • Peter Lawrenson

    (@lorro)

    8 years, 10 months ago

    The best way to change the appearance is through custom css, not by altering the php code. Try this custom css:

    .archive #main {
  margin-top: 64px;
  padding: 30px;
}
@media only screen and (max-width: 480px) {
  .archive #main {
    padding: 15px;
  }
}

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    There may be more compatibility problems ahead. If so, consider moving to a popular WooCommerce-compatible theme.

    Thread Starter tmadms

    (@tmadms)

    8 years, 10 months ago

    Thanks a lot! That has resoled it for my main ‘store’ page. However, the product page still has this problem even with the additional CSS?

    It fits to width but the height is overlapping the header.

    http://tmadms.com/product/dusk-on-the-lions/

    Peter Lawrenson

    (@lorro)

    8 years, 10 months ago

    In the snippet, the .archive limits any effect to the shop and category pages. To make a style that applies to the product page, use one of the classes from the product page body tag. I think that might be .single-product but I can’t tell as you have protected the page source. Please unprotect the page if you can’t resolve it.

    If you remove the .archive altogether, the snippet will apply to all pages.

    Thread Starter tmadms

    (@tmadms)

    8 years, 10 months ago

    Fixed it, thanks Lorro!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Custom theme woo commerce compatibility’ is closed to new replies.