AbanteCart Community

Shopping Cart Operations => Support => General Support => Topic started by: ricardeaux on March 01, 2025, 12:16:36 PM

Title: Layout format
Post by: ricardeaux on March 01, 2025, 12:16:36 PM
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



Title: Re: Layout format
Post by: abolabo on March 02, 2025, 05:02:15 AM
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 (https://www.abantecart.com/shopping-cart-demo) first?
Title: Re: Layout format
Post by: ricardeaux on March 03, 2025, 01:51:22 PM
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?
Title: Re: Layout format
Post by: abolabo on March 04, 2025, 04:14:03 AM
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
Title: Re: Layout format
Post by: ricardeaux on March 06, 2025, 04:16:06 AM
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
Title: Re: Layout format
Post by: abolabo on March 06, 2025, 04:32:36 AM
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.  ;)
Title: Re: Layout format
Post by: yonghan79 on March 06, 2025, 10:10:56 AM
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>
Title: Re: Layout format
Post by: ricardeaux on March 06, 2025, 10:15:32 AM
Many thanks Younghan79
Title: Re: Layout format
Post by: yonghan79 on March 06, 2025, 10:49:32 AM
you're welcome.
Title: Re: Layout format
Post by: ricardeaux on April 06, 2025, 11:06:49 AM
Back Again, I added the code you sent and this is the result in the block. I am completely lost:
Title: Re: Layout format
Post by: abolabo on April 06, 2025, 11:15:12 AM
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?