How to change the position of the slideshow is prestashop

[Andrz2556]

Hello, people, I have a question about how to manage the location of the slideshow. I did create the theme by using the program what calls TemplateToaster and there I did add the slideshow to my theme and want to know how to change slide show position after adding this theme to Prestashop by using PHP. Maybe somebody knows how to do it. Regardless.

{block name="header_nav"}
{if $page.page_name == 'index'}
<div class="ttr_banner_slideshow">
</div>
<div class="ttr_slideshow">
<div class="margin_collapsetop"></div>
<div id="ttr_slideshow_inner">
<ul>
<li id="Slide0" class="ttr_slide" data-slideEffect="Fade">
<div class="ttr_slideshow_last">
<div class="ttr_slideshow_element_alignment container" data-begintime="0" data-effect="Fade" data-easing="linear" data-slide="None" data-duration="0">
</div>
<div class="slideshowforeground01" data-effect="None" data-begintime="0" data-duration="1" data-easing="linear" data-slide="None">
</div>
</div>
</li>
<li id="Slide1" class="ttr_slide" data-slideEffect="Fade">
<div class="ttr_slideshow_last">
<div class="ttr_slideshow_element_alignment container" data-begintime="0" data-effect="Fade" data-easing="linear" data-slide="None" data-duration="0">
</div>
<div class="ttr_slideshowshape11" data-effect="None" data-begintime="0" data-duration="1" data-easing="linear" data-slide="None">
<div class="html_content"><p><br style="font-size:2.143em;" /></p><p style="border-width:0px 0px 0px 0px;border-color:rgba(255,255,255,0);text-align:Center; display:block; border-style:solid;mso-element:para-border-div;border-collapse:separate;border-spacing:0;padding:0;float:none;"><span style="font-size:2.143em;color:rgba(66,139,202,1);background-color:transparent;">Second Slide</span></p></div>
</div>
</div>
</li>
<li id="Slide2" class="ttr_slide" data-slideEffect="Fade">
<div class="ttr_slideshow_last">
<div class="ttr_slideshow_element_alignment container" data-begintime="0" data-effect="Fade" data-easing="linear" data-slide="None" data-duration="0">
</div>
<div class="ttr_slideshowshape21" data-effect="None" data-begintime="0" data-duration="1" data-easing="linear" data-slide="None">
<div class="html_content"><p><br style="font-size:2.143em;" /></p><p style="border-width:0px 0px 0px 0px;border-color:rgba(255,255,255,0);text-align:Center; display:block; border-style:solid;mso-element:para-border-div;border-collapse:separate;border-spacing:0;padding:0;float:none;"><span style="font-size:2.143em;color:rgba(66,139,202,1);background-color:transparent;">Third Slide</span></p></div>
</div>
</div>
</li>
</ul>
</div>
<div class="ttr_slideshow_in">
<div class="ttr_slideshow_last">
<div class="left-button">
</div>
<div id="nav"></div>
<div class="ttr_slideshow_logo">
</div>
<div class="ttr_stickyslideshowshape1">
<div class="html_content"><p><br style="font-size:2.143em;" /></p><p style="border-width:0px 0px 0px 0px;border-color:rgba(255,255,255,0);text-align:Center; display:block; border-style:solid;mso-element:para-border-div;border-collapse:separate;border-spacing:0;padding:0;float:none;"><span style="font-size:2.143em;color:rgba(66,139,202,1);background-color:transparent;">First Slide</span></p></div>
</div>
<div class="right-button">
</div>
</div>
</div>
</div>
<div class="ttr_banner_slideshow">
</div>
{/if}
{/block}

 

Edited August 1, 2023 by Andrz2556 (see edit history)

[AddWeb Solution]

Hi,

• If you want to change the position of the slideshow in your theme, you need to modify the HTML structure and CSS styling accordingly.
• Get the CSS classes that are responsible for positioning the slideshow elements. Look for classes like ttr_banner_slideshow, ttr_slideshow, and others related to the slideshow's layout.
• Adjust the CSS properties such as margin, padding, position, top, left, right, and bottom to change the position of the slideshow elements within your desired layout.
• Adjust the CSS styles iteratively until you achieve the desired positioning and appearance of the slideshow.

Always make sure to back up your theme files and database before making any significant changes, as it will allow you to revert back in case something goes wrong.

[Andrz2556]

Thank you for your advice everything works fine!

[AddWeb Solution]

Just now, Andrz2556 said:

Thank you for your advice everything works fine!

Amazing, Thanks for the udpate!