Post by Jelle85 » Thu Jul 29, 2021 7:32 pm

Hello all,

I have the following 'problem' that I need solved if possible.

At desktop shows my website perfectly the way I like it. BUT when on mobile it does only show the top menu which only contains a few categories like on desktop.
My menu at the left doesnt show.
Is there a possibility to show that left menu as top menu on mobile device?

I can see the left menu when i use 'desktopversion' but I dont know if all my customers have this option or know how to use it.

I know I can say at categories show at top, but then the desktop version shows them too and thats something I dont want.

I hope this makes any sense?

Attachments

WhatsApp Image 2021-07-29 at 13.22.13.jpeg

WhatsApp Image 2021-07-29 at 13.22.13.jpeg (92.33 KiB) Viewed 414 times

WhatsApp Image 2021-07-29 at 13.22.13(1).jpeg

WhatsApp Image 2021-07-29 at 13.22.13(1).jpeg (178.93 KiB) Viewed 414 times


Building my second webshop with OC 3.0.2.0
https://shop.taartmonster.nl/


Active Member

Posts

Joined
Thu Dec 20, 2012 7:19 pm

Post by straightlight » Thu Jul 29, 2021 7:45 pm

OC version. URL.

Dedication and passion goes to those who are able to push and merge a project.

Regards,
Straightlight
Programmer / Opencart Tester


Legendary Member

Posts

Joined
Mon Nov 14, 2011 11:38 pm
Location - Canada, ON

Post by Jelle85 » Thu Jul 29, 2021 7:58 pm


Building my second webshop with OC 3.0.2.0
https://shop.taartmonster.nl/


Active Member

Posts

Joined
Thu Dec 20, 2012 7:19 pm

Post by WaxedPerfection » Thu Jul 29, 2021 9:21 pm

HAVE A READ HERE;

viewtopic.php?t=139830

https://www.waxedperfection.co.uk/ Car Detailing Product Blog's and Review's


Active Member

Posts

Joined
Sun Mar 26, 2017 8:23 pm

Post by Jelle85 » Thu Jul 29, 2021 9:24 pm

WaxedPerfection wrote:
Thu Jul 29, 2021 9:21 pm
HAVE A READ HERE;

viewtopic.php?t=139830
I'll start my other desktop to reach that file. fingers crossed, thank you!

Building my second webshop with OC 3.0.2.0
https://shop.taartmonster.nl/


Active Member

Posts

Joined
Thu Dec 20, 2012 7:19 pm

Post by Jelle85 » Thu Jul 29, 2021 9:52 pm

It didnt work :(

Building my second webshop with OC 3.0.2.0
https://shop.taartmonster.nl/


Active Member

Posts

Joined
Thu Dec 20, 2012 7:19 pm

Post by by mona » Fri Jul 30, 2021 12:32 am

Jelle85 wrote:
Thu Jul 29, 2021 9:52 pm
It didnt work :(
Then you did something wrong .. it does work. Maybe you changed the wrong file ?
Maybe you changed in the editor?
Please give more details

A little more complete to achieve the task.

catalog/view/theme/default/template/common/column_left.twig
from

Code: Select all

<aside id="column-left" class="col-sm-3 hidden-xs">
to

Code: Select all

<aside id="column-left" class="col-xs-3">
find in your catalog/view/theme/default/template/product/category twig

Code: Select all

<div class="row">{{ column_left }}
    {% if column_left and column_right %}
    {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
    {% set class = 'col-sm-9' %}
    {% else %}
    {% set class = 'col-sm-12' %}
    {% endif %}
    <div id="content" class="{{ class }}">{{ content_top }}
to need to change this line

Code: Select all

{% set class = 'col-sm-9' %}
to

Code: Select all

  {% set class ='col-xs-9' %}
note I changed the sm for an xs

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am
Who is online

Users browsing this forum: No registered users and 90 guests