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

Simple cart page

Explorer ,
Oct 19, 2023 Oct 19, 2023

I am looking for help to make something for a non-profit organization

this is what i have:
an SQL database with 1 table containing the names of photos (foto1.jpg, foto2.jpg..)

what i want to do:
create a page where I show the photos, for each photo it can be thrown into a "shopping cart" - OR - selected and instead of a checkout you can print the selected photos.

The idea is to make a kind of wish list for children for Christmas, which they can then print out.

So it should be very easy to operate.

Who can and wants to help me with this?

TOPICS
How to
7.2K
Translate
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

correct answers 1 Correct answer

Community Expert , Oct 21, 2023 Oct 21, 2023

I would use Bootstrap to do the hard work. The code would look like:

<!doctype html>
<html>

<head>
<base href="/">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>speelgoed</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />

    <script type="
...
Translate
Explorer ,
Oct 21, 2023 Oct 21, 2023

look at the page source code...it's the code you give me

Translate
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 ,
Oct 21, 2023 Oct 21, 2023
<script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>

cannot be found on the server

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
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
Explorer ,
Oct 21, 2023 Oct 21, 2023

yes it is

LyaSmidtsx_0-1697896599679.png

 

Translate
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 ,
Oct 21, 2023 Oct 21, 2023

Yes it is now, but not when you showed me the code that you had copied from my reply.

 

Anyhow, I do not want to argue any further. Good luck with your project.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
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
Explorer ,
Oct 21, 2023 Oct 21, 2023

how can I create a dynamic repeat table?
I now have a dynamic image in a table.
These are now simply shown one below the other, see https://www.kiwanis-zonhoven.be/sinterklaas/toys.php

but I want to put 4 images next to each other,
rows as long as there are images
how do I do that?

 

my code

<form id="form1">
<dmx-serverconnect id="serverconnect" url="dmxConnect/api/Producten/products.php" site="undefined"></dmx-serverconnect>
<div dmx-repeat:repeat1="serverconnect.data.qrySpeelgoed">
<table width="200" border="1" id="toy">
<tbody>
<tr>
<td>
<img src="" alt="" height="150" dmx-bind:src="speelgoedboek/{{fotonaam}}"/>
<input id="checkbox1" type="checkbox">
{{fotonaam}}</td>
</tr>
</tbody>
</table></div>

</form>

 

it should look something like this

LyaSmidtsx_0-1697890910100.png

 

Translate
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 ,
Oct 21, 2023 Oct 21, 2023

Have a look at your other topic (https://community.adobe.com/t5/dreamweaver-discussions/simple-cart-page/m-p/14175744#M226333) where I posted a solution.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
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
Explorer ,
Oct 21, 2023 Oct 21, 2023

that wasn't the solution

Translate
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 ,
Oct 21, 2023 Oct 21, 2023

Mainly because you did not try the code exactly as I showed you.

 

Goodbye and good luck.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
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
Explorer ,
Oct 21, 2023 Oct 21, 2023

I did copy and paste, what can I do more?

Translate
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 ,
Oct 21, 2023 Oct 21, 2023

[Duplicate post merged with original topic.]

 

Ask DMX Zone for help with their extensions.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
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 ,
Oct 21, 2023 Oct 21, 2023

I dont see that at the url the OP supplied? I see the code you provided, which appears only to show the 'cart' button.

 

Edited - Ooops I didnt initially see the extra posts on page 2

Translate
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 ,
Oct 21, 2023 Oct 21, 2023

 

quote

I did, this is the result

https://www.kiwanis-zonhoven.be/sinterklaas/toys.php 


By @LyaSmidtsx


The link to dmxAppConnect js isnt being found:

 

https://www.kiwanis-zonhoven.be/dmxAppConnect/dmxAppConnect.js

 

404 Not Found

 

As a result the code wont be formatted correctly. Fix the link or make sure the js file is in the correct location and see what the result is.

 

Note the js file is in a folder named 'sinterklaas' on your server. Currently the link just points to the 'dmxAppConnect' folder which is inside the 'sinterklass' folder - so the link should be:

 

sinterklaas/dmxAppConnect/dmxAppConnect.js

 

However having said that I think you will stuggle to progress beyond the repeat region. Wappler takes some time to understand how it fully works. It has its own niche way of doing things. The only place you are likely to get any meaningful help is over at the Wappler forum, if you choose to use the tool. 

Translate
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
Explorer ,
Oct 21, 2023 Oct 21, 2023

I had the settings wrong in Dreamweaver, now everything is uploaded correctly and it indeed works.
Now I just need to get the print button right.
The button is to print only the selection

 

Translate
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 ,
Oct 21, 2023 Oct 21, 2023

If this topic has been answered, please start a new topic for the print button.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
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 ,
Oct 21, 2023 Oct 21, 2023

I previously posted JavaScript for a print page button.

https://community.adobe.com/t5/dreamweaver-discussions/simple-cart-page/m-p/14172055#M226310

 

The app needs a results page.  Otherwise there's nothing to print.

 

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
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 ,
Oct 22, 2023 Oct 22, 2023
LATEST
quote

If this topic has been answered, please start a new topic for the print button.


By @BenPleysier

 

It's a bit basic, we seem to have gone from an 'add to wish list cart workflow' to 276 images on one page, click and print..........hummmmm

Translate
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