Home Forums Air WordPress Theme Customized Woocommerce shop

This topic contains 9 replies, has 2 voices, and was last updated by  BWSM 1 month ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #15398

    kunichang
    Participant

    Hi,

    I notice that the theme doesn’t really have any control to customized Woocommerce shop, os I just wonder if these are possible:

    1, By default the shop is set to browser’s full width, is there a way to customize it? either set it to the main container’s width or to a specific number.

    2. Is it possible to set the number of products shown in a row to 4 or 5? By default it only allow three in a row.

    Thank you!
    Kun-I

    #15399

    BWSM
    Keymaster

    Hi,

    Create a new page by WooCommerce shortcodes, it supports to set columns. like: [products columns="4"]
    You can put the shortcodes into Text Block module of BM PageBuilder, you can change the width of module.
    Install a plugin to redirect the default shop URL to the new shop page URL.

    Regards!

    #15406

    kunichang
    Participant

    Thank you, it works!
    I did notice the product’s title font size stays the same and now it becomes too big for a four column layout, I could not find any related setting in Theme Option, is there any way to set the title size?

    Also is it possible if I need to set the width for each product’s page too?

    Best,
    Kun-I

    #15407

    BWSM
    Keymaster

    please go to Appearance > Customize, paste the custom css code to “Additional CSS” box.

    .product-caption h3, .entry .product-caption h3 { 
        font-size: 14px;
    }

    You can change the size value.

    Did you talk the single product page?

    #15410

    kunichang
    Participant

    Thank you, and yes I was talking about the single product page.

    #15417

    BWSM
    Keymaster

    You can use the CSS to change the width like:

    @media(min-width:1200px) {
    .single-product .ux-woo-wrap.container-fluid {width: 1170px;}
    }
    #15420

    kunichang
    Participant

    Thank you so much for the solution!
    Once I set both of these CSS, the layout works just as I wanted, but I realized that the Menu order function in the Advance tab seems to stop working and I can not adjust the order of products.
    Is is something fixable?

    Thank you!
    Kun-I

    #15421

    BWSM
    Keymaster

    but I realized that the Menu order function in the Advance tab seems to stop working

    I don’t know what’s Advance tab you mentioned, please give more tips, thanks!

    #15424

    kunichang
    Participant

    In the product page, there’s an advance section where you can set product note and menu order. Here’s a link to show how it look.

    https://www.endocreative.com/wp-content/uploads/2015/06/Edit_Product_%E2%80%B9_Authentic_Manhood_%E2%80%94_WordPress-1024×477.png“&gt

    Thanks!

    • This reply was modified 1 month ago by  kunichang.
    • This reply was modified 1 month ago by  kunichang.
    #15427

    BWSM
    Keymaster

    Please use orderby:

    [products orderby="menu_order"]

    Read more: https://docs.woocommerce.com/document/woocommerce-shortcodes/

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.