How to customize main page carousel on Novator?

[BengalEmpire767]

So, Novator (the default template), has a block on the main page (Novator Main Page Carousel).
Since "SEO Friendly" and "Fast Loadnig" are probably not what you would want on a storefront, I went about editing the html, unfortunately, just replacing the image seemed to break the carousel (the image appeared, but the page just plain broke, didn't happen on the old default template though.). Is there any intended way to do this?

On another note, while I don't have a problem with it right now, I also don't know how to change the position of the text. Only being able to change the text itself isn't really helpful and basically makes it look like I just modified a generic html template I downloaded off the internet (ok that's a bit harsh, sorry).

So, uh, how do you customize the main carousel? The AbanteCart documentation and YouTube channel don't seem to contain any information on this, last time I checked.

[Basara]

Hello.
The Novator Main Page Carousel block is pure HTML, and like everything in HTML, it is controlled by HTML tags and CSS rules applied to them.

For example, most of the CSS that controls the Novator Slider block is located in /extensions/novator/storefront/view/novator/css/tm_style.css. On line 2450, there is a rule for the left margin. You can add margin-top: 20px; or margin-top: -20px; to move the "SEO Friendly" text up or down.

You can easily find what rule to edit by using your browser inspector tool https://abantecart.atlassian.net/wiki/spaces/AD/pages/7569496/Debug#Browser-inspector

[nurtk2]

Hi
How can i change the carousel slide images? (on the new version)
and how can i change the slider images on the resposive one to?
waiting for your reply.
thanks.

[Basara]

Hi
How can i change the carousel slide images? (on the new version)
and how can i change the slider images on the resposive one to?
waiting for your reply.
thanks.

Hello.
The Novator theme offers two distinct slider areas: the main homepage slider and category top sliders.
To edit the slider in the Novator Home page, navigate to Design > Layouts, select the Home page, and find the block named "Novator Main Page Carousel". Then, click edit button. (Do not use Visual editor when you edit HTML code)

the Novator Category Top Slider, this slider is dynamically generated from the images associated with a category. Open the Resource Library and locate the images you just added to the category. Edit each image and add a title and description.

Image Title: The image title (not the filename) will be used as the category slider title.
Image Description: The description can be used to add additional HTML, such as a "Buy Now" button with a link.
For example:

Code: [Select]

<button class="btn btn-dark rounded-pill">Buy Now</button>