Return to previous page

2 questions regarding customization for mobile

This topic has 6 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

r1nk

Participant

November 24, 2018 at 04:37

Hello,

I want to ask 2 questions.

1 – Currently, I set the maximum products to show at 28. Can I set it to 20 but only for mobile devices?
2 – Can I change the mobile menu navigation style to half-page slide from left. Example like this : https://ibb.co/n00zZf

If it requires some php/javascript customization, perhaps you can point it at me in what files I can tweak the codes.

#204804 Copied Theme version: 2.5 WooCommerce version: 2.6.4

5 Answers
Rose Tyler

Support staff

November 26, 2018 at 15:39
Hello,

1) Try to add this code in functions.php of child theme:
```
if ( wp_is_mobile() ) {
  add_filter( 'loop_shop_per_page', function ($cols) { 
    return 20; // mobile count of products 
  }, 20 );
}
```
2) Please check our demo https://www.8theme.com/demo/woopress/boxed/ there the mobile menu is similar to your desired result.
Looks like you made a lot of changes.
Our mobile menu based on et_get_mobile_menu function (framework/theme-functions.php), css code from style.css, and code in js/etheme.js.

Regards
#204905 Copied
r1nk

Participant

December 4, 2018 at 05:23

No 1 not working. Still shows total of 28 products per page.

For no 2, yeah it’s what I’m looking for. But, that style only available from latest theme version? Theme version 2.5 doesn’t have yet?

One more thing, your widget “8theme -Brands filter” , no option for dropdown? Only listing?

#205324 Copied

Rose Tyler

Support staff

December 4, 2018 at 15:16

Hello,

1. Oh I see. Sorry, but there is no such possibility.
2. On our demo https://8theme.com/demo/woopress/boxed/ – http://prntscr.com/lql7oi
I think the menu looks in the similar way in 2.5 version. If you have an archive of 2.5 version without additional customization in files you can install it on a staging (test) site and check.
3. Yes, only listing.

Regards

#205364 Copied

r1nk

Participant

December 7, 2018 at 10:39

I see.

Yeah lol for no 2, actually some custom CSS overwrite the default mobile slide right behaviour.

One last thing, I notice once the mobile menu is open, if I swipe to the left, the mobile menu close. What framework/plugin code you guys use for that one?

Because I want to enable swipe to the right to open the mobile menu.

#205585 Copied

Rose Tyler

Support staff

December 11, 2018 at 10:11

Hello,

We do not have an additional library for this.
Here are screenshots how is created menu behavior in our theme https://prnt.sc/ltfmr8 (etheme.js) https://prnt.sc/ltfnav

Regards

#205772 Copied
Viewing 6 results - 1 through 6 (of 6 total)