Cassiopeia Phoca Cart Beauty template - issues

Phoca Cart - complex e-commerce extension
User avatar
sulpher
Phoca Professional
Phoca Professional
Posts: 101
Joined: 28 Feb 2017, 09:45

Cassiopeia Phoca Cart Beauty template - issues

Post by sulpher »

Joomla 5.1.0, PC 5 beta51

1. Cart module override.
When I hover the cursor, there is 1px moving of the icon.
Image
Position: search and sidebar-right

2. Remove paddings.
Image

3. Add separator:
Image


4. I added some custom css:
Separate footer and 'Powered by' text:

Code: Select all

.container-component {padding-bottom:15px}
Add paddings for "I agree with terms of use":

Code: Select all

.ph-checkout-checkbox-confirm {padding:10px 0 15px 0}
I also increased size for H1:

Code: Select all

h1 {font-size: 2.4rem}
Added this code:

Code: Select all

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

Tags:
User avatar
sulpher
Phoca Professional
Phoca Professional
Posts: 101
Joined: 28 Feb 2017, 09:45

Re: Cassiopeia Phoca Cart Beauty template - issues

Post by sulpher »

5. Panel.
Image

I added white color for header for bg-dark

DEMO:
6. Make svg of delivery icons: (it is png now)
Image

7. alert alert-primary panel. If I add some <p> code, then I get this issue:
Image

It happens due to this code which is used to display icon:

Code: Select all

.alert, joomla-alert {display: flex}
I added custom code for .alert-custom class and get the correct result:
Image

but this is a custom solution. would be better to fix it for standard panels.
User avatar
sulpher
Phoca Professional
Phoca Professional
Posts: 101
Joined: 28 Feb 2017, 09:45

Re: Cassiopeia Phoca Cart Beauty template - issues

Post by sulpher »

8. Remove left-right paddings in breadcrumbs:
Image
User avatar
sulpher
Phoca Professional
Phoca Professional
Posts: 101
Joined: 28 Feb 2017, 09:45

Re: Cassiopeia Phoca Cart Beauty template - issues

Post by sulpher »

Different left and right padding:
Image
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48041
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Cassiopeia Phoca Cart Beauty template - issues

Post by Jan »

Hi, thank you very much for the info and for the improvements.

I will take a look at them.

Thank you, Jan
If you find Phoca extensions useful, please support the project
User avatar
sulpher
Phoca Professional
Phoca Professional
Posts: 101
Joined: 28 Feb 2017, 09:45

Re: Cassiopeia Phoca Cart Beauty template - issues

Post by sulpher »

Standard alert need black text:
Image
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48041
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Cassiopeia Phoca Cart Beauty template - issues

Post by Jan »

Hi, thank you for the info, I will take a look at it.

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