Phoca Forum

Good Day Jan,

I am struggling with a few things please see the attached images.

• On Dl img 1 I'm struggling with the mobile view, you will see on img 3 I have the products 4 in a row for the desktop view. But I would like to at least have 2 next to each other on mobile view, how can I do that?

• On Dl img 1 you will see in red there is places like the ordering text that goes out of the area, I believe I can fix that with the padding or margins please let me know because is see at checkout the boxes there also goes out of the area please see img 2

• On Dl img 2 you will see the big red block I really like the way bootstrap 4 looks it looks better is there a way I can fix this for mobile view and there are issues with the theme.

I am not sure why the themes and bootstrap aren't working properly.
Thanks in advance.

Hi every one

Can anyone please help me with this issue if been digging around but cant find any awnsers?

Thank so much in advance

Hi, to change the output, the only way is to customize the output with template overrides

1) the columns count needs to be changed from one to two for mobile view - columns classes need to be changed in category/items view

2) the same with screenshot 2, even here, the columns classes need to be changed for checkout view

3) Image 3 - I think, there only CSS should be customized to move the part to right with CSS (float or flexbox)

Jan

Hi Jan

Where can I find these files to override.

Where is this part --columns classes need to be changed in category/items view-- is it in options or is it also part of the override

thank you

Hi Jan

I'm really struggling to find this part of the message you send earlier.

The columns count needs to be changed from one to two for mobile view - columns classes need to be changed in category/items view

Please can you explain where i can find it.
Thank you

Hi, what exactly you cannot find?

Most of the design changes can be done in CSS, this is the best method. But if you want to change the definition of columns, etc., you need to change the HTML (the Bootstrap HTML)

Joomla provides the option of template override, which means, you copy the core file and save it to template and then your changes will be not overriden by update. But template override is a Joomla part, so you can find more information on Joomla websites.

See the files which can be overriden in Phoca Cart:
https://www.phoca.cz/documents/116-phoc ... -overrides

So you need to find, if the part is store in view or layout and then override it.

Fo example, the checkout is stored here:

components\com_phocacart\layouts\categories_category.php

or category view here:
components\com_phocacart\views\category\tmpl\default.php

Jan

Hi Jan

Thanks for the information, I will give it a go. I believe I was looking in the wrong area and thanks for the template override link for the Phoca cart, i really dont know how i overlooked that.

Thanks once again.

Ok