Layout format

[ricardeaux]

I might be missing something, but here goes

Website opens at Home page? 
Items shown, are from the page layouts of the different items.( click to go to the page ) set up individually.

editing the Home page in layouts does not appear to change the opening page?
editing the Products to include to show, does not make them visible in latest items although checked on product page.

big question is where is the Opening page ( home ) get set. is it a default?

It seems to work otherwise, stripe, checkout etc, but having problems adding additional product pages

Any guidance appreciated

[abolabo]

not sure understand you correctly.
Did you read this doc?
https://abantecart.atlassian.net/wiki/spaces/AD/pages/11763764/Pages+Layouts

If you have an issues, can you check them on our demo first?

[ricardeaux]

thanks all, i got it sorted.

Problem now is I fiddled with the main carousel html and ruined it. Where can I find a copy of the default block?

[abolabo]

thanks all, i got it sorted.

Problem now is I fiddled with the main carousel html and ruined it. Where can I find a copy of the default block?

since v1.4.1 we use layout.xml files to import layouts into database.
default template: https://github.com/abantecart/abantecart-src/blob/master/public_html/storefront/view/default/layout.xml
novator tempate: https://github.com/abantecart/abantecart-src/blob/master/public_html/extensions/novator/layout.xml

[ricardeaux]

Thanks, but it is not that. It is the custom block content of BS5 Main Page Carousel.

e.g.
<p><img src="resources/image/18/7b/f.png"></p><p><img src="resources/image/18/7a/9.png"></p><div id="mainPageSliderIndicators" class="carousel carousel-dark slide bg-light" data-bs-ride="carousel"><div class="carousel-indicators"><button type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide-to="1" aria-label="Slide 2"

etc.

Its this block of text I am looking for

[abolabo]

Thanks, but it is not that. It is the custom block content of BS5 Main Page Carousel.

e.g.
<p><img src="resources/image/18/7b/f.png"></p><p><img src="resources/image/18/7a/9.png"></p><div id="mainPageSliderIndicators" class="carousel carousel-dark slide bg-light" data-bs-ride="carousel"><div class="carousel-indicators"><button type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button> <button type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide-to="1" aria-label="Slide 2"

etc.

Its this block of text I am looking for

we always suggesting to use search on admin side. Any word from storefront. 

[yonghan79]

This is the default BS5 Main Page Carousel content. It is from AbanteCart v1.3.4 demo data.

Code: [Select]

<div id="mainPageSliderIndicators" class="carousel carousel-dark slide bg-light" data-bs-ride="carousel">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide-to="0" class="active"
                aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide-to="1"
                aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide-to="2"
                aria-label="Slide 3"></button>
        <button type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide-to="3"
                aria-label="Slide 4"></button>
    </div>
    <div class="carousel-inner">
        <div class="carousel-item banner active">
            <div class="d-flex flex-wrap flex-sm-nowrap justify-content-center align-items-center">
                <div class="flex-item "><img class="my-auto w-100"
                                             src="extensions/bootstrap5/storefront/images/Slide_600x300.jpeg"></div>
                <div class="flex-item col-9 col-sm-3 m-5"><h5>HTML5 Responsive Storefront to look great on</h5>  <h5>ALL
                        Screen Sizes</h5>
                    <p>Natively responsive template implemented with bootstrap library and HTML5. Will look good on most
                        mobile devices and tablets.</p>
                    <h3><a href="#" class=""> Try on your device!</a></h3></div>
            </div>
        </div>
        <div class="carousel-item banner">
            <div class="d-flex flex-wrap flex-sm-nowrap justify-content-center align-items-center">
                <div class="flex-item "><img class="my-auto w-100"
                                             src="extensions/bootstrap5/storefront/images/Slide_600x300.jpeg"></div>
                <div class="flex-item col-9 col-sm-3  m-5"><h5>Highly flexible layout on any page</h5>  <h5>SEO
                        Friendly</h5>
                    <p>Fast Loading</p>
                    <h3><a href="#" class=""> Try Now!</a></h3></div>
            </div>
        </div>
        <div class="carousel-item banner">
            <div class="d-flex flex-wrap flex-sm-nowrap justify-content-center align-items-center">
                <div class="flex-item "><img class="my-auto w-100"
                                             src="extensions/bootstrap5/storefront/images/Slide_600x300.jpeg"></div>
                <div class="flex-item col-9 col-sm-3  m-5"><h5>Feature rich with smart UI</h5>  <h5>Easy &amp; fun to
                        manage</h5>
                    <p>Feature reach shopping cart application right out of the box. Standard features allow to set up
                        complete eCommerce site with all the tools needed to sell products online.</p>
                    <h3><a href="#" class="">Install Now!</a></h3></div>
            </div>
        </div>
        <div class="carousel-item banner">
            <div class="d-flex flex-wrap flex-sm-nowrap justify-content-center align-items-center">
                <div class="flex-item "><img class="my-auto w-100"
                                             src="extensions/bootstrap5/storefront/images/Slide_600x300.jpeg"></div>
                <div class="flex-item col-9 col-sm-3  m-5"><h5>Stay in control</h5>  <h5>Easy updates</h5>
                    <p>Upgrade right from admin. Backward supportability in upgrades and automatic backups. Easy
                        extension download with one step installation.</p>
                    <h3><a href="#" class="">Get Yours!</a></h3></div>
            </div>
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span
                class="visually-hidden">Previous</span></button>
    <button class="carousel-control-next" type="button" data-bs-target="#mainPageSliderIndicators" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span>
    </button>
</div>


[ricardeaux]

Many thanks Younghan79

[yonghan79]

you're welcome.

[ricardeaux]

Back Again, I added the code you sent and this is the result in the block. I am completely lost:

[abolabo]

Back Again, I added the code you sent and this is the result in the block. I am completely lost:

Why visual mode of editor?