2 Column Woocommerce Mobile View

Hi Yigit

I change the column to 2 in the woocommerce setting, but on the mobile view (smartphone) it still just one column. What i would have is a 2 columns on smartphone view.

All the best,
Pascal

Hi Yigit

Yes i use at the looks shortcodes, because i could not use single products in avia-editor, but this is a different story, but my asking i about the normal woocommerce elements like https://www.atcarolines.ch/shop/ (without short codes)

All the best,
Pascal

You can test it if you like, because its statign setup

Hi Ismael

So i did it how you descrip put no effect…..

All hte best,
Pascal

any idea?…. My customer becomes undudlig

Dear Ismael

Thanks for your answer and yes it works perfect on the shop sites, but it has also a big effect to the mobile view of ‘looks’ sites (with single short codes of woocommerce), the product are to littel. https://www.staging3.atcarolines.ch/look-evelyne/

All the berst,
Pascal

Hi Ismael
Sorry but i did not now what are you mean? But maybe its has something to do that we can show short codes at the avia layout at the funktions.php:

add_filter( ‘avia_load_shortcodes’, ‘mmx_modify_shortcodes’, 15, 1 );

function mmx_modify_shortcodes( $paths ){

$template_url = get_stylesheet_directory();

array_unshift( $paths, $template_url.’/shortcodes/’);

return $paths;

}

add_filter( ‘avf_builder_boxes’, ‘mmx_avf_builder_for_products’ );

function mmx_avf_builder_for_products( $metabox ) {

foreach( $metabox as &$meta ) {

if( $meta[‘id’] == ‘layout’ ) {

$meta[‘page’][] = ‘product’;

}

}

return $metabox;

}

All the best, Pascal

Hi Ismael

I have not deliberately added this. Is probably with the above changes in the function.

How do I get this out? Without which the function of displaying individual products in avia layout is lost.

All the best,
Pascal

Hi Ismael

If you can see on https://www.staging3.atcarolines.ch/look-evelyne/ i just write [product sku=”DGT5989″] in the avia layout. So the ‘pre class’ comes from the changes at functions.php which i implemented to show product short codes at avia layout

__________________
add_filter( ‘avia_load_shortcodes’, ‘mmx_modify_shortcodes’, 15, 1 );

function mmx_modify_shortcodes( $paths ){

$template_url = get_stylesheet_directory();

array_unshift( $paths, $template_url.’/shortcodes/’);

return $paths;

}

add_filter( ‘avf_builder_boxes’, ‘mmx_avf_builder_for_products’ );

function mmx_avf_builder_for_products( $metabox ) {

foreach( $metabox as &$meta ) {

if( $meta[‘id’] == ‘layout’ ) {

$meta[‘page’][] = ‘product’;

}

}

return $metabox;

}

add_filter( ‘woocommerce_show_variation_price’, ‘mmx_always_display_variation_price’, 10, 3 );

function mmx_always_display_variation_price( $bool, $product, $variation) {

return 1;

}

add_filter( ‘avia_purchase_button_html_price’, ‘mmx_change_html_price’, 10, 3 );

function mmx_change_html_price( $html, $price, $product ){

$new_html = ‘<h1 class=”price”>’ . $product->get_price_html() . ‘</h1>’;

return $new_html;

}

________________

The problem with the Product Grid; i can’t select a single product only product categories, otherwise i would use this.

All the best,
Pascal

Hi Ismael

Thank you for you answer, but could you tell me wehere you remove the ‘pre’ tag and how?

All the best,
Pascal