Struggling with the theme and bootstrap

Phoca Cart - complex e-commerce extension
s4evision
Phoca Member
Phoca Member
Posts: 36
Joined: 07 Jan 2021, 15:41

Struggling with the theme and bootstrap

Post by s4evision »

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.

Image
Image
Image
s4evision
Phoca Member
Phoca Member
Posts: 36
Joined: 07 Jan 2021, 15:41

Re: Struggling with the theme and bootstrap

Post by s4evision »

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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Struggling with the theme and bootstrap

Post by Jan »

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) :idea:

Jan
If you find Phoca extensions useful, please support the project
s4evision
Phoca Member
Phoca Member
Posts: 36
Joined: 07 Jan 2021, 15:41

Re: Struggling with the theme and bootstrap

Post by s4evision »

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
s4evision
Phoca Member
Phoca Member
Posts: 36
Joined: 07 Jan 2021, 15:41

Re: Struggling with the theme and bootstrap

Post by s4evision »

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
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Struggling with the theme and bootstrap

Post by Jan »

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
If you find Phoca extensions useful, please support the project
s4evision
Phoca Member
Phoca Member
Posts: 36
Joined: 07 Jan 2021, 15:41

Re: Struggling with the theme and bootstrap

Post by s4evision »

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. :D
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Struggling with the theme and bootstrap

Post by Jan »

Ok
If you find Phoca extensions useful, please support the project
Post Reply