• Hi!

    First of all I am not a king of css, php nor any of those languages.
    I am using Storefront child theme with latest woocommerce.I have custom css plugin and this the list of all the rest http://i.imgur.com/sMmiGSJ.png
    Can not afford to spent any $ on new plugins.

    I searched and read through countless forums with no results.

    Help request
    Spent last couple of days trying to figure out a way to make my woocommerce shop page /see it here: http://i.imgur.com/SXbxku5.png/
    look like this one:
    http://i.imgur.com/ep0nU4g.png

    I am unable to figure out which file to edit in order to change the layout of my shop page. I managed to inspect desired layout like this: http://i.imgur.com/yMPSfKK.png
    I am not sure if I should add a new page template somehow,copy->paste inspected layout somewhere ?
    or is it possible to edit the default layout and tune it accordingly?

    Thanks for any help!

    Regards,
    Ad.

    https://ww.wp.xz.cn/plugins/woocommerce/

Viewing 3 replies - 1 through 3 (of 3 total)
  • On screenshot one, it looks like you need to alter 3 to a row to 4 to a row, and there is a snippet for that:
    https://docs.woothemes.com/document/change-number-of-products-per-row/
    There is space for a sidebar on your page and if you are not having one you could maybe increase the products per row further.

    For something more ambitious in terms of layout, you will need to make new page templates. There is a method for placing page templates in your child theme so that you can continue to update WooCommerce without losing your edits:
    https://docs.woothemes.com/document/template-structure/

    This will be very hard-going without either css/php skills or hiring a developer. If you don’t like your theme’s appearance, have a look at some other free WooCommerce-compatible themes.

    Note that the more customisations you make, the more of an on-going maintenance problem you may have to ensure your scripts remain compatible with everything else.

    Thread Starter wszaq

    (@wszaq)

    thanks, im done with the rows. Also managed to stretch the site a bit.
    looks like that now http://i.imgur.com/n3xnDBl.png

    any idea how to completely remove sidebar space?

    Im done with creating the child theme template folders for woocommerce templates however how do i copy the desired layout? via inspect na copy->paste?

    adding those snippets to custom functions.php is easy enuf, and as far as now all works flawless. http://i.imgur.com/Fmp84xU.png

    my issue here is to get rid of that white space ont the sides,
    have this in style.css so far but doesnt seem to help: http://i.imgur.com/n6fJSiT.png

    should i copy the themes original style.css to child folder and edit there or can i just write few lines like in screenshot?

    thanks for help.

    To remove the sidebar space, try this in your child theme’s functions.php:
    remove_action( ‘woocommerce_sidebar’, ‘woocommerce_get_sidebar’, 10);

    If it doesn’t work, removing the sidebar would need to be done using custom css. For advice, please post a working link to your site. It looks as if your site is currently blocked during development.

    Copy the templates you want to alter using ftp or your host’s file manager software. Get one working first before copying others.

    The first bit in your functions.php about enqueue styles should be pulling in the parent theme’s stylesheet, so no need to copy it.

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

The topic ‘Help request with shop page layout’ is closed to new replies.