I am new to OpenCart, I am quite happy with the default template of v3.
Just needed to make few small changes, on product list page (when you search something, that page). I have search this forum and google for past few days, did not find any solutions or direction.
Hope someone can direct... many thanks for any input.
On the mobile, version (see attached img), i want to list all images left alighted and the text and tittle to be on the right of the image, so lest white space and move products can be showed in a phone at a time. Desktop version of the same page, i am fine with.
Which file or files or css, do i need to modify, please.
Any solution or direction will be appreciated.
product_list_page.jpg (78.16 KiB) Viewed 99 times
meaning, that it cannot be selected by the regular LIST / GRID - View Buttons.
You could try, to change this, by finding this line:
<div class="col-md-2 col-sm-6 hidden-xs">
and change it to this:
<div class="col-md-2 col-sm-6 xs-sm-6">
<div class="col-md-2 col-sm-6 xs-sm-12">
to then see, how ugly your idea would probably look in LIST View ....
But if it works, you also need to change the few other Listing Files
in charge, like latest, featured, search, e.t.c. Theme files the same way.
Good Luck !
xs_view_hidden.png (16.82 KiB) Viewed 87 times
OpenCart LIGHT 18.104.22.168: http://www.openshop.li/light/
OpenCart V-PRO 22.214.171.124: http://www.velomech.ch/shop/
V-PRO Multi Theme View: http://www.openshop.li/shop/
Free Github OC Downloads: https://github.com/IP-CAM
1'900+ FREE OC Extensions from the world's largest Github OC Archive.
On Opencart v3, desktop when i select list view and shrink (or narrow) my browser to around 800, thats the exact view i want.
Question now is, where do i change logic to say homepage and product (search) list page. default is grid view, but when displayed on phone, it's list view?
+ see the attachment.
(& #Ernie for your input)
opencart_list_view_4_mobile.png (109.19 KiB) Viewed 59 times
Users browsing this forum: No registered users and 7 guests