Woocommerce shop full widh in girlie theme

[Johan]

Hello

At the moment is looks like there’s a big empty space where a sidebar would normally go.
I would like to have my woocommerce shop to use the full width of the page using the Girlie theme.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> and find woocommerce page layout >> select woocommerce full width.

Regards,
Chris

[Johan]

Thanks ! Works perfect.

[Sonnal S Sinha]

Hi Johan,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/10/

Regards,
Chris

[chicago]

Please help, this is very important and urgent!
I also use woocommerce. But when I go to Appearance >> Theme Options >> Basic Settings, there is no woocommerce pagelayout setting. My page URL is http://badmint.com/product/badminton-happy-hour-south-side/

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

.single-product #sidebar { display:none;}
.single-product .single_wrap { width:100%;}

Regards,
Chris

[chicago]

Thanks Chris, this approach works pretty well.

[Sonnal S Sinha]

Hi chicago,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/13/

Regards,
Chris

[chicago]

Hi Chris,
Actually, I have one more follow up question. After using the pro/paid theme, I noticed that the ‘ checkout’ button on the cart page and ‘ place order’ button on the checkout page have been pushed to the bottom of the pages. Is there any way to make these buttons on top of the page so that people don’t have to scroll all the way down? URL: https://badmint.com/

I actually like the free theme’s layout better where there are multiple columns, and the ‘ check out’ button and ‘ place order’ button are on the top of the right columns. Ideally, I like to have the default wocoommerce page layout

1) Cart page – 2 columns, left column for order info, right column for ‘ checkout’ button

2) Checkout page – 3 columns, left column for billing info, middle column for order info and right column for credit card payment section and ‘ place order button’
Vincent

[Sonnal S Sinha]

Hi chicago,

Kindly go to Appearance >> Customize>>Basic >> Scroll down to find Custom CSS and paste there:

For Cart page:

.woocommerce-cart-form { width: 50% !important; float: left;}
.cart-collaterals { width: 50% !important; float: right;}
.cart_totals { width:95% !important; margin-top:-67px;}

For Checkout page:

#customer_details { width:28% !important; float: left; margin-right:20px;}
#customer_details .col-1, #customer_details .col-2 { width:100% !important;}
#order_review { width: 70% !important; float: left;}
.shop_table.woocommerce-checkout-review-order-table { width:48% !important; float: left;}
#payment {width: 48% !important; float: right;}

Regards,
Chris

[Author]

Posts