Phoca Cart - Examples Of Use Cases

Category: Phoca Cart Component

Examples of use cases for Phoca Cart:

 

Bakery Webseite

Phoca Cart - Bakery

 

  • Install Phoca Be template
  • Set categories and products
  • If your product includes two ore more images, you can enable hover effect to swap images when hovering them in Category view. In Phoca Cart Options - Display - Category And Items View (Products View) - Switch Image: Yes

 

Pizza Website

 

Phoca Cart - Pizza

 

 

.btn.btn-primary{
    background: #EB1A1C;
    border: 1px solid #EB1A1C;
}

.btn.btn-success {
    background: #64B500;
    border: 1px solid #64B500;
}

.ph-price-brutto {
    color: #B5D707;
}

#phItemAttributesBox .btn.phCheckBoxButton.phCheckBoxImage.active span.glyphicon {
    color: #B5D707;
    font-weight: 70px;
    font-weight: bold;
    text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
}

.phSelectBoxImage.on:after {
    color: #B5D707;
    font-weight: 70px;
    font-weight: bold;
    text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff;
}

.ph-image-full {
    border: 0px solid;
    border-radius: none;
    box-shadow: none;
    background-color: transparent;
}

 

  • Set categories and products
  • Set attributes for products. Set type Image (Checkbox) and select small images for each attribute option. Such image will be displayed instead of select box value

 

Phoca Cart - Pizza - Attributes