Customized Woocommerce shop

[kunichang]

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

[SeaTheme]

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!

[kunichang]

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

[SeaTheme]

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?

[kunichang]

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

[SeaTheme]

You can use the CSS to change the width like:

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

[kunichang]

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

[SeaTheme]

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!

[kunichang]

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!

[SeaTheme]

Please use orderby:

[products orderby="menu_order"]

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

[Author]

Posts