WooCommerce not integrating properly

  • Hello,

    I am using the Affinity theme and attempting to integrate WooCommerce. I have attempted to adjust the code according to WooCommerce’s instructions for integrating with a theme other than their own. No luck. When I have a product the image is not aligned with anything, and the whole page looks jumbled.

    I was wondering if anyone had any problems with this? I am working on a local server trying to install this theme and configure it properly so I’m not sure how I can get a visual for you to diagnose. Let me know if there is a way to properly integrate WooCommerce with the Affinity theme.

    Thank you.

Viewing 1 replies (of 1 total)

  • Hi @jarettwegner!

    I installed Affinity and Woocommerce on a test site of my own, and it looks like the clearing Affinity does was preventing the product details from sitting next to the images. This style should fix that:

    .single-product .entry-summary{
	clear: none;
}

    From there, things looked pretty good on a single product. There were a couple of things like the outline on the add to cart button, and the spacing of the panels that these styles should help with:

    .single_add_to_cart_button {
	outline: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
	padding-left: 25px;
}

    You’ll likely find other little things you want to add CSS for as you go, but this should give you a good start! ??

Viewing 1 replies (of 1 total)
  • The topic ‘WooCommerce not integrating properly’ is closed to new replies.