• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

View shopping cart link in banner

Participant ,
Feb 29, 2024 Feb 29, 2024

Copy link to clipboard

Copied

I can't figure out how to position my account link and view shopping cart link up in the banner, right side. https://www.greenbeaks.com/shopping-test.html

Thanks for the help!

TOPICS
Bootstrap

Views

173

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 29, 2024 Feb 29, 2024

Copy link to clipboard

Copied

Have a look at 11. The Shopping Cart (youtube.com)

 

If you want the whole series of videos, see

1. Create a new project and add the database (youtube.com)

and part 2

9. Changing the layout page and introduction to Wappler 6 (youtube.com)

 

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 01, 2024 Mar 01, 2024

Copy link to clipboard

Copied

Thanks, Ben. I'm on my second time viewing these and still learning!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 01, 2024 Mar 01, 2024

Copy link to clipboard

Copied

Some updates to the current code are needed:

 

Complete revised code is below for you to copy and paste.

 

Notes of the major changes:

 

1) Include a row <div class="row> </div> as the child element of the 'container' <div>  to wrap ALL the content of the 'container' in (that's how Bootstrap works). Add to the row div - class="row justify-content-between align-items-center" 

 

2) Wrap your 'icons8-user-100(1).png' a tag and the form tag in a <div>. I've given it a class of 'loginBasket'. Also add the 'd-flex' class to the 'loginBasket' class. Delete the closing </a> tag which folllows the closing </form> tag and move it to close your 'gblogotrans.png' a tag.

 

3) Remove class="col-xl-1 offset-xl-10" from the form tag.

 

 

Complete revised code (updates shown in red):

NOTE: I have removed your business email address AND bn value from the form for 'security' and 'spam' prevention, you need to add those back in.

 

 

<div class="container">

 

<div class="row justify-content-between align-items-center">

 

<a href="index.html"><img src="images/logos/gblogotrans.png" alt="&copy; Copyright 2023 Twin Beaks© Aviary All Rights Reserved" width="225" height="73" class="img-fluid"></a>


<div class="loginBasket d-flex">

 

<a href="account.html"><img src="images/icons/icons8-user-100(1).png" alt="login" width="35" height="35"/></a>


<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="paypal" class="col-xl-1 offset-xl-10"><input type="hidden" name="bn" value="XXXXXXXXXX" /><input type="hidden" name="cmd" value="_cart" /><input type="hidden" name="business" value="XXXXXXXXXX" /><input type="hidden" name="display" value="1" /><input type="image" src="images/icons/icons8-shopping-basket-100.png" alt="basket" width="32" height="32" border="0" name="submit" /></form></a>

 

</div>
<!-- end loginBasket -->

 

</div>
<!-- end row -->

 

</div>
<!-- end container -->

 

 

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 01, 2024 Mar 01, 2024

Copy link to clipboard

Copied

What a help! Thank you. The 'view shopping cart' is working now, but items aren't dropping into the cart. I've been working on this for hours... I'm stumped.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Mar 01, 2024 Mar 01, 2024

Copy link to clipboard

Copied

LATEST
quote

The 'view shopping cart' is working now, but items aren't dropping into the cart. I've been working on this for hours... I'm stumped.


By @Haybound

 

That's because you don't have the required Paypal hidden fields in your form/s, so nothing is getting through to the Paypal basket.

 

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines