Woocommerce shop full widh in girlie theme

Home Forums SKT Full Width Forum Woocommerce shop full widh in girlie theme

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #84929
    Johan
    Member
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: December 26, 2016

    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.

    #84985
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #85018
    Johan
    Member
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: December 26, 2016

    Thanks ! Works perfect.

    #85025
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    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

    #89780
    chicago
    Member
    • Topics: 3
    • Replies: 5
    • Total: 8
    Member since: December 16, 2017

    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/

    #89819
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    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

    #90118
    chicago
    Member
    • Topics: 3
    • Replies: 5
    • Total: 8
    Member since: December 16, 2017

    Thanks Chris, this approach works pretty well.

    #90138
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    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

    #90149
    chicago
    Member
    • Topics: 3
    • Replies: 5
    • Total: 8
    Member since: December 16, 2017

    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
    cart page one collumn
    checkout page

    #90153
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23445
    • Total: 23445
    Member since: August 16, 2013

    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.