Product page column and product page product image dimensions
-
Hi
my customer wanted a small change in the product page.
I want the column on the leff to be wider. I want to reduce the width of the column on the right.
Product image size should be increased equally by column.
how can i do it this way.
Thank you for your best support
screenshot below on Private Content:
Hello,
You will need to set Product Image width to be “Large” on a product page as shown here: http://prntscr.com/ivri1p, In this case, the image area would be twice wider of its current width.
Best Regards
thank you back
can i change background color of right column ans give border left right column
Hello,
Do you want it like this: http://prntscr.com/ivsxsh If yes, try this CSS code, add it to Theme Setting > Custom CSS
.summary-inner{
background-color: #ffffff;
border-left: 1px solid #000000;
padding: 20px;
}
Replace #ffffff and #000000 for colors you need. If you mean something different give more details.
Best Regards
Hello,
As I understand you want to make this block smaller in height and width, however, take into consideration that if we reduce and fix the block height some part of the content may not fit completely. On the screenshot, you show, product title is only two lines and short description field is empty. When you will have a longer title or short description text (for example here: http://www.misspon.com/shop/floral-pattern-pillow-case-red-blue-pillow-cover-2/?v=8f2564d40946), this block should be expanded otherwise the content will be cut.
Best Regards
thanks bakc
i see i mean all background white . and I will not change the height only width
Sorry, but there is no way to do white background for this right part as you shown on the screenshots. It is not possible with Custom CSS.
Kind Regards
It is not possible with Custom CSS. So, which way can be done
Unfortunately, it is not possible to do this as you shown on the screenshot. We don’t have a quick instruction for this.
i found solutions for this . i added this f6f4ee; but i need your help some where
i hope you could you help me. i explained on screenshot inprivate content
I have to make responsive this field to the right. it needs to increase the height of the column up and down by responsive all devices
.summary-inner{
background-color: #f6f4ee;
margin-top:0;
border-left: 1px solid #d6d6d4;
padding: 20px;
}
2.
you wrote me this code for breadcumbs
But the right column is inside the website container. It can’t be moved out of the container as you shown on the screenshot. You may try to make your website full width and content in Theme Settings -> General layout.
it was already set to fullwidth
We meant “Content full width” to make it fit all the space of the screen.
hi thans back
i made product page to full width then set product image to large it is actually close to what I wanted. Sounds like the right setting.
but this time the product picture was too big.
Obviously, the image will be bigger with this configuration.
I need to this downsize it a bit.
Thumbnails position is set to left. mine product page is set to right. Thumbnails positionmust be on the left
Hello,
In order to relocate the blocks delete this CSS code from the customs area of Theme Settings:
@media (min-width: 992px)
.woocommerce-product-gallery > .col-md-3 {
right: 0;
}
@media (min-width: 992px)
.woocommerce-product-gallery > .col-md-9 {
left: 0;
}
Best Regards
Thank you
is it possible to decrease thumbnail width and product image
Thank you
Hello,
It is possible. In order to change it, enter a product and find Product image width http://prntscr.com/ix794a Take into consideration that changing image width would influence the width of description.
Best Regards
.
