Jump to content
thirty bees forum
  • 0

Category Left Column Removal Mobile Mode


Rick

Question

Hi everyone, I've come from Prestashop 1.7, I'm trying to remove the view of the left column in mobile view. At the moment when viewing on mobile the top of my page has  categories and the products are way down the page even behind the store information.  Is there some sort of hook I have to remove for mobile devices?

Additionally on desktop view I only see 3 products across rows, however in feature products it displays 4 products. Is there a way to display 4 products?

Ive looked through the settings and I couldnt find anything obvious, in saying that the thirtybees framework is a hell of lot easier to navigate.

 

Thanks in advance.

 

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0
13 hours ago, Rick said:

Hi everyone, I've come from Prestashop 1.7, I'm trying to remove the view of the left column in mobile view. At the moment when viewing on mobile the top of my page has  categories and the products are way down the page even behind the store information.  Is there some sort of hook I have to remove for mobile devices?

Additionally on desktop view I only see 3 products across rows, however in feature products it displays 4 products. Is there a way to display 4 products?

Ive looked through the settings and I couldnt find anything obvious, in saying that the thirtybees framework is a hell of lot easier to navigate.

Thanks in advance.

Hello. And welcome :)

I'm not sure if you can disable the whole column from one place, but from Modules you can go to every module it shows there and click Configure -> Disable in mobiles. For example search Block best sellers:

image.thumb.png.a536b0d291bb9c32924276f22ca0f633.png

 

In order to have 4 columns in category product listing you should edit /themes/niara/product-list.tpl. You will find this:

{if !empty($products)}
  {if $page_name == 'index' || $page_name == 'product'}
    {$product_block_size_class = 'col-xs-6 col-sm-4 col-md-3'}
  {else}
    {$product_block_size_class = 'col-xs-6 col-sm-6 col-md-4'}
  {/if}

Just change col-md-4 to col-md-3 and that's it.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...