Post by sape007 » Fri Mar 27, 2020 9:20 am

Hi,
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.

Attachments

product_list_page.jpg

product_list_page.jpg (78.16 KiB) Viewed 99 times


Newbie

Posts

Joined
Fri Mar 27, 2020 9:05 am

Post by IP_CAM » Fri Mar 27, 2020 11:44 am

In the Theme category.twig file, the XS-Size display selection is hidden,
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">
or this:
<div class="col-md-2 col-sm-6 xs-sm-12">
to then see, how ugly your idea would probably look in LIST View .... :laugh:
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 ! ;)
Ernie
---
Image

Attachments

xs_view_hidden.png

xs_view_hidden.png (16.82 KiB) Viewed 87 times


Contact: jti@jacob.ch
---
Demos:
OpenCart LIGHT 1.5.6.5: http://www.openshop.li/light/
OpenCart V-PRO 1.5.6.5: http://www.velomech.ch/shop/
V-PRO Multi Theme View: http://www.openshop.li/shop/
---
Downloads:
Free Github OC Downloads: https://github.com/IP-CAM
1'900+ FREE OC Extensions from the world's largest Github OC Archive.
---
Image


User avatar
Legendary Member

Posts

Joined
Tue Mar 04, 2014 1:37 am
Location - Switzerland

Post by sape007 » Fri Mar 27, 2020 2:23 pm

Thank you #Ernie for your prompt reply. I don't think it will look that bad, Just realized, what i need is, to show list view and not grid view, when displayed in mobile.
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.

Thanks.
(& #Ernie for your input)

Attachments

opencart_list_view_4_mobile.png

opencart_list_view_4_mobile.png (109.19 KiB) Viewed 59 times


Newbie

Posts

Joined
Fri Mar 27, 2020 9:05 am
Who is online

Users browsing this forum: No registered users and 7 guests