Help with styling Woocommerce shop and products page

Homepage › Community Forums › Epik Theme Support › Help with styling Woocommerce shop and products page

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 20, 2014 at 7:51 pm #11411
    athyg
    Customer

      Hi there,

      So I’m trying to integrate Epik with Woocommerce & have managed to upload some products into my store, but the display/design needs tweaking. I’ve managed to figure out & implement some of the easier style changes – eg. change colour of button, but I’m stuck on the following & was hoping for some guided assistance:
      – Products displaying on shop page (and ‘related items’ in products page) – add border/padding to each display item.
      – Change number of products displayed on each shop page (currently 10). I would have thought this would be configurable, but can’t find it anywhere…
      – Decrease the width of the sidebar – it’s currently too wide & disproportionate to the size of the page. Doesn’t look elegant as is.
      – Top rated products sidebar widget – how can I reformat these – eg. place in a table or wrap a border around?
      – How do I change ‘Buy Product’ button text to ‘Buy Now’?
      – Woocommerce Product search widget item – change button alignment so it appears adjacent (next to) the search box (as per standard). It currently appears below search box. Perhaps size of search box can be decreased so button can fit – is this the way to go?
      – ‘Buy Product’ buttons – how do I format these to look better….not very elegant as they are currently.
      – ‘Product Category’ alignment – How do I change so the ‘sub categories’ are indented to show hierarchy?

      Look forward to getting some hints/tips to help get this sorted.

      Thanks 🙂

      March 20, 2014 at 7:52 pm #11412
      athyg
      Customer
        This reply has been marked as private.
        March 21, 2014 at 1:33 am #11414
        athyg
        Customer

          Update:

          Well I managed to figure out most of the styling changes. Only outstanding items are:
          – Add border to products displayed on shop page
          – Indent subcategories (in sidebar widget area)
          – Top rated products formatting

          Thanks 🙂

          March 21, 2014 at 10:57 am #11419
          Eric
          Customer

            As you may already know, this theme isn’t designed to be sold as a “WooCommerce Ready” theme, so in order to get it looking a certain way, you would need to customize it. Usually if you need customizations done with WooCommerce you would either remove the style settings that they use for the css (can be done from the settings page)…or you can override their css by adding your own inside of the theme’s style.css file. That’s pretty much how you’ll style most of the things you’re referring to.

            Since this is a customization request, it’s usually recommended to hire a designer/developer to code all of this for you since this goes beyond the scope of support – https://appfinite.com/topic/forum-rules/ ….it would take quite a bit of time to code all of this for you, so if you’re unable to do this yourself, I’d definitely hire someone that knows WooCommerce and Genesis.

            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.