Pagination 

  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 1,
		max_page: 200,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow --disabled --previous" href="https://www.ceskereality.cz/nemovitosti">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
					
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination  --active">
			<span>1</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/2/" class="i-pagination">
			<span>2</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/3/" class="i-pagination">
			<span>3</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/4/" class="i-pagination">
			<span>4</span>
		</a>
	</div>
				</li>
			
			
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																									<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_right2132873817">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_right2132873817">
							<a href="https://www.ceskereality.cz/nemovitosti/5/">5</a>
							<a href="https://www.ceskereality.cz/nemovitosti/102/">102</a>
							<a href="https://www.ceskereality.cz/nemovitosti/199/">199</a>
					</div>
	</div>

			
			<li>
				<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/200/" class="i-pagination">
			<span>200</span>
		</a>
	</div>
			</li>


		
			
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/2/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 3,
		max_page: 200,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti/2/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
					
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/2/" class="i-pagination">
			<span>2</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/3/" class="i-pagination  --active">
			<span>3</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/4/" class="i-pagination">
			<span>4</span>
		</a>
	</div>
				</li>
			
			
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																									<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_right540985334">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_right540985334">
							<a href="https://www.ceskereality.cz/nemovitosti/5/">5</a>
							<a href="https://www.ceskereality.cz/nemovitosti/102/">102</a>
							<a href="https://www.ceskereality.cz/nemovitosti/199/">199</a>
					</div>
	</div>

			
			<li>
				<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/200/" class="i-pagination">
			<span>200</span>
		</a>
	</div>
			</li>


		
			
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/4/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 4,
		max_page: 200,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti/3/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
						
				<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
				</li>

				
																																			<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_left1996706159">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_left1996706159">
							<a href="https://www.ceskereality.cz/nemovitosti/2/">2</a>
							<a href="https://www.ceskereality.cz/nemovitosti/3/">3</a>
					</div>
	</div>


				
									<li>
						<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/4/" class="i-pagination  --active">
			<span>4</span>
		</a>
	</div>
					</li>
									<li>
						<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/5/" class="i-pagination">
			<span>5</span>
		</a>
	</div>
					</li>
				
				
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_right1996706159">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_right1996706159">
							<a href="https://www.ceskereality.cz/nemovitosti/6/">6</a>
							<a href="https://www.ceskereality.cz/nemovitosti/103/">103</a>
							<a href="https://www.ceskereality.cz/nemovitosti/199/">199</a>
					</div>
	</div>

				
				<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/200/" class="i-pagination">
			<span>200</span>
		</a>
	</div>
				</li>
			
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/5/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 6,
		max_page: 200,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti/5/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
						
				<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
				</li>

				
																																																					<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_left1796564594">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_left1796564594">
							<a href="https://www.ceskereality.cz/nemovitosti/2/">2</a>
							<a href="https://www.ceskereality.cz/nemovitosti/3/">3</a>
							<a href="https://www.ceskereality.cz/nemovitosti/4/">4</a>
							<a href="https://www.ceskereality.cz/nemovitosti/5/">5</a>
					</div>
	</div>


				
									<li>
						<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/6/" class="i-pagination  --active">
			<span>6</span>
		</a>
	</div>
					</li>
									<li>
						<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/7/" class="i-pagination">
			<span>7</span>
		</a>
	</div>
					</li>
				
				
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																														<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_right1796564594">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_right1796564594">
							<a href="https://www.ceskereality.cz/nemovitosti/8/">8</a>
							<a href="https://www.ceskereality.cz/nemovitosti/104/">104</a>
							<a href="https://www.ceskereality.cz/nemovitosti/199/">199</a>
					</div>
	</div>

				
				<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/200/" class="i-pagination">
			<span>200</span>
		</a>
	</div>
				</li>
			
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/7/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 25,
		max_page: 200,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti/24/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
						
				<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
				</li>

				
																																																																																																																																																																																																																																																													<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_left753883184">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_left753883184">
							<a href="https://www.ceskereality.cz/nemovitosti/2/">2</a>
							<a href="https://www.ceskereality.cz/nemovitosti/13/">13</a>
							<a href="https://www.ceskereality.cz/nemovitosti/24/">24</a>
					</div>
	</div>


				
									<li>
						<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/25/" class="i-pagination  --active">
			<span>25</span>
		</a>
	</div>
					</li>
									<li>
						<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/26/" class="i-pagination">
			<span>26</span>
		</a>
	</div>
					</li>
				
				
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																			<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_right753883184">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_right753883184">
							<a href="https://www.ceskereality.cz/nemovitosti/27/">27</a>
							<a href="https://www.ceskereality.cz/nemovitosti/113/">113</a>
							<a href="https://www.ceskereality.cz/nemovitosti/199/">199</a>
					</div>
	</div>

				
				<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/200/" class="i-pagination">
			<span>200</span>
		</a>
	</div>
				</li>
			
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/26/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 197,
		max_page: 200,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti/196/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
					
			<li>
				<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
			</li>

			
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																									<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_left1951364584">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_left1951364584">
							<a href="https://www.ceskereality.cz/nemovitosti/2/">2</a>
							<a href="https://www.ceskereality.cz/nemovitosti/99/">99</a>
							<a href="https://www.ceskereality.cz/nemovitosti/196/">196</a>
					</div>
	</div>

			
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/197/" class="i-pagination  --active">
			<span>197</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/198/" class="i-pagination">
			<span>198</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/199/" class="i-pagination">
			<span>199</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/200/" class="i-pagination">
			<span>200</span>
		</a>
	</div>
				</li>
			
			
				
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/198/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 198,
		max_page: 200,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti/197/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
					
			<li>
				<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
			</li>

			
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																									<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_left948717814">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_left948717814">
							<a href="https://www.ceskereality.cz/nemovitosti/2/">2</a>
							<a href="https://www.ceskereality.cz/nemovitosti/99/">99</a>
							<a href="https://www.ceskereality.cz/nemovitosti/196/">196</a>
					</div>
	</div>

			
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/197/" class="i-pagination">
			<span>197</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/198/" class="i-pagination  --active">
			<span>198</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/199/" class="i-pagination">
			<span>199</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/200/" class="i-pagination">
			<span>200</span>
		</a>
	</div>
				</li>
			
			
				
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/199/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 199,
		max_page: 200,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti/198/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
					
			<li>
				<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
			</li>

			
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																									<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_left1475652701">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_left1475652701">
							<a href="https://www.ceskereality.cz/nemovitosti/2/">2</a>
							<a href="https://www.ceskereality.cz/nemovitosti/99/">99</a>
							<a href="https://www.ceskereality.cz/nemovitosti/196/">196</a>
					</div>
	</div>

			
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/197/" class="i-pagination">
			<span>197</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/198/" class="i-pagination">
			<span>198</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/199/" class="i-pagination  --active">
			<span>199</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/200/" class="i-pagination">
			<span>200</span>
		</a>
	</div>
				</li>
			
			
				
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/200/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 200,
		max_page: 200,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti/199/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
					
			<li>
				<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
			</li>

			
																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																									<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="pagination_select_left2033458220">...</label>
		<div class="form-control i-pagination__select" id="pagination_select_left2033458220">
							<a href="https://www.ceskereality.cz/nemovitosti/2/">2</a>
							<a href="https://www.ceskereality.cz/nemovitosti/99/">99</a>
							<a href="https://www.ceskereality.cz/nemovitosti/196/">196</a>
					</div>
	</div>

			
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/197/" class="i-pagination">
			<span>197</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/198/" class="i-pagination">
			<span>198</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/199/" class="i-pagination">
			<span>199</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/200/" class="i-pagination  --active">
			<span>200</span>
		</a>
	</div>
				</li>
			
			
				
			<li>
			<a class="pagination-arrow --disabled --next" href="https://www.ceskereality.cz/nemovitosti/200/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 3,
		max_page: 6,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti/2/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
									<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/2/" class="i-pagination">
			<span>2</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/3/" class="i-pagination  --active">
			<span>3</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/4/" class="i-pagination">
			<span>4</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/5/" class="i-pagination">
			<span>5</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/6/" class="i-pagination">
			<span>6</span>
		</a>
	</div>
				</li>
			
		
			
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/4/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 2,
		max_page: 5,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
									<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/2/" class="i-pagination  --active">
			<span>2</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/3/" class="i-pagination">
			<span>3</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/4/" class="i-pagination">
			<span>4</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/5/" class="i-pagination">
			<span>5</span>
		</a>
	</div>
				</li>
			
		
			
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/3/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>
        
  •         {% include "@Components/pagination/pagination.twig" with {
	props : {
		url_without_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti',
		url_with_page_parameter_placeholder: 'https://www.ceskereality.cz/nemovitosti/__PAGE__/',
		current_page: 2,
		max_page: 3,
	}
} %}

      
  •           	
	
	
<ul class="pagination">
			<li>
			<a class="pagination-arrow  --previous" href="https://www.ceskereality.cz/nemovitosti">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	
	
		
									<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti" class="i-pagination">
			<span>1</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/2/" class="i-pagination  --active">
			<span>2</span>
		</a>
	</div>
				</li>
							<li>
					<div class="i-pagination__wrapper ">

			<a href="https://www.ceskereality.cz/nemovitosti/3/" class="i-pagination">
			<span>3</span>
		</a>
	</div>
				</li>
			
		
			
			<li>
			<a class="pagination-arrow  --next" href="https://www.ceskereality.cz/nemovitosti/3/">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
		</li>
	</ul>

Custom pagination 

  •         {% include "@Components/pagination/pagination_custom.twig" with {
	props : {
		arrow_preview: {
			disabled: true
		},
		items: [
			{
				page: "1"
			},
			{
				label: "...",
				id: "idecko",
				tag: "select",
				options: [
				{
					page: "50",
					value: "#"
				}, {
					page: "51",
					value: "#"
				}, {
					page: "52",
					value: "#"
				}, {
					page: "53",
					value: "#"
				}, {
					page: "54",
					value: "#"
				}, {
					page: "55",
					value: "#"
				}, {
					page: "56",
					value: "#"
				}
			]
			},
			{
				page: "3"
			},
			{
				page: "4",
				state: "active"
			},
			{
				page: "5",
				url: "test"
			}
		],
		arrow_next: {
			variant: "next"
		}
	}
} %}

      
  •           	
	
	
<ul class="pagination">
	      <li>
      <a class="pagination-arrow --disabled --previous"" href="#">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
    </li>
  
	      <li>
      <div class="i-pagination__wrapper ">

			<a href="#" class="i-pagination">
			<span>1</span>
		</a>
	</div>
    </li>
      <li>
      	<div class="i-pagination__wrapper options">

			<label class="i-pagination" for="idecko">...</label>
		<div class="form-control i-pagination__select" id="idecko">
							<a href="#">50</a>
							<a href="#">51</a>
							<a href="#">52</a>
							<a href="#">53</a>
							<a href="#">54</a>
							<a href="#">55</a>
							<a href="#">56</a>
					</div>
	</div>
    </li>
      <li>
      <div class="i-pagination__wrapper ">

			<a href="#" class="i-pagination">
			<span>3</span>
		</a>
	</div>
    </li>
      <li>
      <div class="i-pagination__wrapper ">

			<a href="#" class="i-pagination  --active">
			<span>4</span>
		</a>
	</div>
    </li>
      <li>
      <div class="i-pagination__wrapper ">

			<a href="test" class="i-pagination">
			<span>5</span>
		</a>
	</div>
    </li>
  
	      <li>
      <a class="pagination-arrow  --next" href="#">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>
    </li>
  </ul>

Schema 

    {
  "props": {
    /* pagination */
    "url_without_page_parameter_placeholder": {
      "type": "String",
      "description": "Url of paginated content without page parameter, typically for page 1 content"
    },
    "url_with_page_parameter_placeholder": {
      "type": "String",
      "description": "Url of paginated content without page parameter and page placeholder '__PAGE__'. Example: https://www.ceskereality.cz/nemovitosti/__PAGE__/."
    },
    "current_page": {
      "type": "Integer",
      "description": "Pagination current page"
    },
    "max_page": {
      "type": "Integer",
      "description": "Pagination max page"
    },

    /* custom pagination */
    "arrow_preview": {
      "type": "object",
      "description": "All props are documented by the component `pagination-arrow`."
    },
    "items": {
      "type": "array of objects",
      "description": "All props are documented by the component `pagination-item`."
    },
    "arrow_next": {
      "type": "object",
      "description": "All props are documented by the component `pagination-arrow`."
    }
  }
}