Customization

For the order confirmation emails to be sent, the SMTP data still has to be entered. You find the settings in the Contao back end under the menu item Gateways (under Notification Center). Edit the entry Email Gateway and override the SMTP settings there.

Go to Themes, edit the front end modules of the theme (gear icon) and select the product list module. Under Template settings you can change the number in the field Columns. Under Gallery, also select the matching image size.

This feature is only available as of 0.1 Isotope version 1.3.0.

The slider is based on the Spectre carousel and works completely without JavaScript, so no JavaScript template or jQuery has to be activated in the layout.

Create an article and add the classes carousel-home fullwidth in the article settings.

In the article, create the elements Content-Slider (Umschlag Anfang) (wrapper start) and Content-Slider (Umschlag Ende) (wrapper stop) and select the template ce_sliderStart_carousel or ce_sliderStop_carousel respectively.

Between the wrapper elements, create elements of type Teaserbox. Under Template settings, select ce_cthemes_teaserbox_carousel and for the image the image size Carousel Startseite (1920x970).

In the end it should look like this:

You find an example in the 0.1 Isotope demo

You can adjust the height of the slider with your own CSS in custom.scss.

e.g.

.carousel-home .carousel {
    height: 800px;
}

If newer browsers try to load a WEBP image and it is not supported, an error may occur.

The error message may look something like this:

request.CRITICAL: Uncaught PHP Exception RuntimeException: "Image format "webp" is not supported in Imagine\Imagick\Imagine on this environment. Consider removing this format from contao.image.valid_extensions or switch the contao.image.imagine_service to an implementation that supports it. 

Possible solutions:

#1 Update Imagine or have your host do it (use the latest version)

#2 Use an alternative image processing service

You can specify a different image processing service in config.yml; afterwards the cache has to be cleared. This often solves the problem already. If WEBP is supported, you should also be able to select it in the image sizes.

contao:
    image:
        image_service: 'contao.image.imagine.gd'

or

contao:
    image:
        image_service: 'contao.image.imagine.gmagick'

#3 Remove WEBP from the allowed file extensions

Add the following to config.yml and then clear the cache.

contao:
    image:
        valid_extensions:  
            - jpg
            - jpeg
            - gif
            - png
            - tif
            - tiff
            - bmp
            - svg
            - svgz

#4 Adjust the .htaccess

<IfModule mod_mime.c>
   AddType image/webp .webp
</IfModule>

Install the extension isotope/isotope_documents.

The extension ships various templates that you can select in the back end for the respective document.

So that users are activated right after registering and do not have to click a confirmation link in the email first, install the extension terminal42/contao-autoregistration.

Once the extension is installed, tick the following options in the website root under Member registration: activate automatically, log in automatically, log in automatically after activation.

Create a page “Anmeldung” (login) where the modules for the login and registration form are placed.

Under the menu item Member groups (Account manager), create a member group for the customers.

Now the modules have to be created or adjusted. For the login form, create a module of type Login form. Set the checkout page as redirect page and select the template mod_login_zeroone.

Also create a module of type Registration, select the fields to display and the member group. Select the checkout page as redirect page and assign the template member_grouped_zeroone to the module. Don’t forget to tick Allow login.

In the cart module, select the login page you just created as the redirect page for the checkout.

In the checkout module, select “Both allowed” as checkout method.

Finally, place the modules for login and registration in the article of the login page. If guest orders should also be possible, simply place a link that leads to the checkout.

When you are in the cart and want to continue to the checkout, you should now be redirected to the login page, where you can choose between continuing as a guest, logging in or registering.