Docs

[jvolzer]

Some of our products use a designer module like on this page. We don’t use a product image in this case and the info is in the right column. Is there a way to move the title and cart button to the left side on products like this one?

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.fpd-product-designer-wrapper {
    float: left;
}
.fpd-product-designer-wrapper, .fpd-container.fpd-sidebar {
    width: 51%;
}

Hope that helps.

[jvolzer]

It still doesn’t look right. Now the designer is in the left column and is too small.
https://studentimaging.com/product/t-shirt/

[Joao]

Hi There,

Update this:

.fpd-product-designer-wrapper, .fpd-container.fpd-sidebar {
    width: 51%;
}

to

.fpd-product-designer-wrapper, .fpd-container.fpd-sidebar {
    width: 75%;
}

and add this:

.woocommerce div.product .summary {
    width: 20%;
}

Hope that helps

Joao

[Author]

Posts