# Text position

It is now possible to set the position of the text in banners and carousels, on the right side. Setup is very simple and we will now guide you through it.

# Administrace Shoptetu

This time, you will be pasting codes into the following section of Shoptet adiministration.

Administration > TEMPLATES > Editor of the appearance > HTML code > Footer (bottom of the BODY tag)

# The code

Various settings are possible to set the position of the carousel and the banners. It is necessary to distinguish them, because the codes are different.

Banner type code
Carousel var carouselCaptionRight = true
Banners var bannersCaptionRight = true

# Banners

To set the text on the right side of the banner, it is necessary to insert the following code into the above-mentioned section:

<script>
    var bannersCaptionRight = true;
</script>
1
2
3

This code itself sets the position of the text to the right and no further settings are needed.

We will pause at Carousel, because it is necessary to think that it is possible to have individual settings for each carousel banner. Therefore, we have added a function that allows you to select a specific banner in the carousel, for which the text will be displayed on the right.

# General settings

To enable this setting, you need to add the following code:

<script>
    var carouselCaptionRight = true;
</script>
1
2
3

Once you want to select a specific banner to have the text position on the right, you need to add the following code:

<script>
    var rightSlide2 = true;
    var rightSlide4 = true;
    var rightSlide6 = true;
    ...
</script>
1
2
3
4
5
6

The number after rightSlide must be replaced by the number of the banner for which you want the text position to the right.

# Example

Let's say I have 5 banners set up in my carousel and I want the text on the right to be on banners 1 and 3 . The code that I will insert into the Footer section will look like this:

<script>
    var carouselCaptionRight = true;
    var rightSlide1 = true;
    var rightSlide3 = true;
</script>
1
2
3
4
5