• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Help with styling Woocommerce shop and products page

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

Tagged: epik woocommerce integration, woocommerce styling

  • This topic has 3 replies, 2 voices, and was last updated 9 years ago by Eric.
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.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now โ†’

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us โ†’

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 ยท Appfinite ยท Built With The Genesis Framework