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

What Did I DO Wrong, Drop Down Not Working

Explorer ,
Jan 10, 2024 Jan 10, 2024

Copy link to clipboard

Copied

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kim's Jewelry &amp; Crafts</title>
<style type="text/css">
#container {
width: 1020px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
#sidebar {
float: left;
width: 320px;
background: #EBEBEB;
padding: 15px 10px 15px 20px;
list-style: decimal;
}
#mainContent {
margin: 0 0 0 380px;
padding: 0 20px 20px 20px;
background-color: aliceblue;
}
</style>
<link href="kim.css" rel="stylesheet" type="text/css">
<link href="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eam737A.tmp/css/bootstrap-4.4.1.css" rel="stylesheet" type="text/css">
</head>

<body>
<!--container div tag-->
<div id="container">
<!--sidebar div tag-->
<div id="sidebar">
<h3>Links To Pages In Site</h3>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent1">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="https://djsqueakey.myportfolio.com/work">Home <span class="sr-only">(current)</span></a> </li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Site Menu </a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown1"> <a class="dropdown-item" href="https://djsqueakey.myportfolio.com/work">Home</a>
<a class="dropdown-item" href="https://djsqueakey.myportfolio.com/jewelry-page-2">4th of July</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/bracelets">Bracelets 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/bracelets-page-2">Bracelets 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/bracelets-page-3">Bracelets 3</a><a class="dropdown-item" href="#">Cat Collar</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/causes-jewelry">Causes Jewelry</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-1">Charms &amp; Pendants 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-2">Charms &amp; Pendants 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-3">Charms &amp; Pendants 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/charms-pendants-page-4">Charms &amp; Pendants 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-1">Childrens 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-2">Childrens 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-3">Childrens 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-4">Childrens 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-5">Childrens 5</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-6">Childrens 6</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-17">Childrens 7</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/childrens-page-8">Childrens 8</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-1">Christmas 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-2">Christmas 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-3">Christmas 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/christmas-page-4">Christmas 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/dog-collar">Dog Collars</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/cutiepengus-beaded-jewelry-crafts">Earrings 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-2">Earrings 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-3">Earrings 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-4">Earrings 4</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/earrings-page-5">Earrings 5</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/easter-jewelry">Easter</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/halloween-page-1">Halloween 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/halloween-page-2">Halloween 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/name-bracelets-page-1">Name Bracelets 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/name-bracelets-page-2">Name Bracelets 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/name-bracelets-page-3">Name Bracelets 3</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/necklaces-page-1">Necklaces 1</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/necklaces-page-2">Necklaces 2</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/rings">Rings</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/summer-jewelry">Summer</a><a class="dropdown-item" href="https://djsqueakey.myportfolio.com/valentines-day-jewelry">Valentines</a><a class="dropdown-item" href="#">Watches</a><a class="dropdown-item" href="#">Contact Me</a><a class="dropdown-item" href="#">Order &amp; Payment Information</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a> </div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>

<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eamC58F.tmp/js/jquery-3.4.1.min.js"></script>
<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eamC58F.tmp/js/popper.min.js"></script>
<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eamC58F.tmp/js/bootstrap-4.4.1.js"></script>
</div>
<!--mainContent div tag-->
<div id="mainContent">
<h1> Welcome </h1>
<p>Hello, and welcome to Kim's Jewelry &amp; Crafts.</p>
<p>On this site you will find all the jewelry that I have made, and some charms/pendants that I didn't make but purchased for the purpose of using them with either necklaces, bracelets, or earrings. These charms/pendants are listed so that you can choose what you want on the necklace or bracelet that you purchase from this site.</p>
<h2>Purchasing From This Site </h2>
<p></p>
</div>
</div>
<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eam737A.tmp/js/jquery-3.4.1.min.js"></script>
<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eam737A.tmp/js/popper.min.js"></script>
<script src="file:///C|/Users/squea/AppData/Roaming/Adobe/Dreamweaver 2021/en_US/Configuration/Temp/Assets/eam737A.tmp/js/bootstrap-4.4.1.js"></script>
</body>
</html>

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.
TOPICS
Bootstrap , Code , How to

Views

926

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 ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

E-commerce is NOT for amateurs.  The legal & banking industry requirements to stave off credit card fraud, identity theft, personal data mining and money laundering are way, way more complex today than they were a few years ago.

 

I take annual exams to stay on top of what's required.  The last one I took was 2 hours long.

 

Hire an expert.  Or use an industry-approved shopping cart like Shopify, etc... that  can shield you from online transaction security & legal risks. 

 

In the U.S., the fees you pay for a shopping cart are a tax deductible business expense.

 

Nancy O'Shea— Product User, Community Expert & Moderator

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 ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

quote

E-commerce is NOT for amateurs. 

 


By @Nancy OShea

 

It depends what you are doing. If you're selling a few items/products then Stripe or Paypal are perfectly fine platforms and are secure as all the financial transactions occur on their servers.

 

On the other hand if you have a massive store of items/products and churning them out in their hundreds or thousands then its probably not a great idea, although a lot of companies do offer Paypal as an option BUT I would expect the whole process to be executed by someone who are expert in the ecommerce field, ie no insecure client-side scripting, only back-end, cross referencing quanities, totals with a database etc. 

 

Common sense needs to be applied.

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
Community Expert ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

@Nancy OShea, Shopify is a great way to go. no problem. But please do not underestimate Stripe with their many possibilities.

1. Choice of self hosted shopping cart or integrated Stripe shopping cart where all of the products are entered in the Stripe Dashboard.

2. Payment options include PayPal, Apple Pay and a number of credit/debit cards.

 

In my series, `Boutique`, I will be using a self hosted shopping cart with a one payment option handled directly by Stripe. Very secure and abiding by the laws of the country where the purchase is made. I hope to finish the next video in the series by the end of this weekend.

 

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
Explorer ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

Osgood,

Thank you.  She's butting in where she's not wanted.  She keeps marking her posts as "correct answer", when she's NOT correct on some of the things that she's saying.  She's actually putting my intelligence down.  Just because I haven't worked with HTML, JAVA, JS, etc., in some time, doesn't mean that I can't take a refresher course.

 

My main question when I started this thread was and still is "What did I do wrong? My dropdown menu isn't working properly."

 

Although you and Ben have been helping me considerably with what I'm trying to do, I still do not have a fix for a dropdown menu. I have 40+ pages, and I don't think people want to constantly scroll down the page to go to each individual page and then click on it.  In one instance, I have a 3" top section that has these same 40+ pages going all the way across the page, and I don't think that looks very well organized either.  I feel that a dropdown menu would be better in BOTH instances, but I just can't get it to work, no matter what I try.

 

 

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

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
Community Expert ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

Have you tried the code that I previously posted?

 

This is the result:

BenPleysier_0-1705104872088.png

 

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
Community Expert ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

Another suggestion is to have the product lines listed as in https://cobbcoleatherhats.com/product-lines. There are only two product lines here, but this can be easily expanded.

 

Please add a couple (or more) purchases to the shopping cart and go to the checkout page. Don't register as a customer, but just fiddle around and see what happens. This site is basicaly what I am creating in the tutorial called `Boutique`.

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
Explorer ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

Yes, I did try your suggestion, and I added it to the code I was working on, but for some reason, it didn't want to work.  I think it was because I put it into DW.  

 

I'm starting over with a completely new page, and I started with what I thought was an easy template to work with, but again, I don't get my dropdown menu.  What I'm listing here is all inside the "body" tags. Here's the code for that menu, and how it looks:

 

<div class="row full-width-row header">
<header class="coffee-span-12">
<div class="container header-container">
<h1 class="page-heading">Kim's Jewelry &amp; Crafts</h1>
<p class="paragraph tagline">Handmade Jewelry &amp; Crafts made by Kimberly Johnson<br>
</p>
</div>
</header>
</div>
<main class="row">
<nav class="coffee-span-3 coffee-880-span-12 nav-column">
<div class="container nav-container">
<h2 class="heading-1">Navigation Elements</h2>
<a class="link-text nav-link" href="4thofJuly.html">4<sup>th</sup> Of July</a>
<a class="link-text nav-link" href="Bracelets1.html">Bracelets 1</a>
<a class="link-text nav-link" href="Bracelets2.html">Bracelets 2</a>
<a class="link-text nav-link" href="Bracelets3.html">Bracelets 3</a>
<a class="link-text nav-link" href="CatCollars.html">Cat Collars</a>
<a class="link-text nav-link" href="Causes.html">Causes Jewelry</a>
<a class="link-text nav-link" href="cp1.html">Charms &amp; Pendants 1</a>
<a class="link-text nav-link" href="cp2.html">Charms &amp; Pendants 2</a>
<a class="link-text nav-link" href="cp3.html">Charms &amp; Pendants 3</a>
<a class="link-text nav-link" href="cp4.html">Charms &amp; Pendants 4</a>
<a class="link-text nav-link" href="cj1.html">Children's Jewelry 1</a>
<a class="link-text nav-link" href="cj2.html">Children's Jewelry 2</a>
<a class="link-text nav-link" href="cj3.html">Children's Jewelry 3</a>
<a class="link-text nav-link" href="cj4.html">Children's Jewelry 4</a>
<a class="link-text nav-link" href="cj5.html">Children's Jewelry 5</a>
<a class="link-text nav-link" href="cj6.html">Children's Jewelry 6</a>
<a class="link-text nav-link" href="cj7.html">Children's Jewelry 7</a>
<a class="link-text nav-link" href="cj8.html">Children's Jewelry 8</a>
<a class="link-text nav-link" href="christmas1.html">Christmas 1</a>
<a class="link-text nav-link" href="christmas2.html">Christmas 2</a>
<a class="link-text nav-link" href="christmas3.html">Christmas 3</a>
<a class="link-text nav-link" href="christmas4.html">Christmas 4</a>
<a class="link-text nav-link" href="dc.html">Dog Collars</a>
<a class="link-text nav-link" href="ear1.html">Earrings 1</a>
<a class="link-text nav-link" href="ear2.html">Earrings 2</a>
<a class="link-text nav-link" href="ear3.html">Earrings 3</a>
<a class="link-text nav-link" href="ear4.html">Earrings 4</a>
<a class="link-text nav-link" href="ear5.html">Earrings 5</a>
<a class="link-text nav-link" href="easter.html">Easter</a>
<a class="link-text nav-link" href="hall1.html">Halloween 1</a>
<a class="link-text nav-link" href="hall2.html">Halloween 2</a>
<a class="link-text nav-link" href="jes.html">Jewelry Sets</a>
<a class="link-text nav-link" href="nb1.html">Name Bracelets 1</a>
<a class="link-text nav-link" href="nb2.html">Name Bracelets 2</a>
<a class="link-text nav-link" href="nb3.html">Name Bracelets 3</a>
<a class="link-text nav-link" href="neck1.html">Necklaces 1</a>
<a class="link-text nav-link" href="neck2.html">Necklaces 2</a>
<a class="link-text nav-link" href="oci.html">Other Craft Items</a>
<a class="link-text nav-link" href="rings.html">Rings</a>
<a class="link-text nav-link" href="summer.html">Summer</a>
<a class="link-text nav-link" href="valentines.html">Valentines</a>
<a class="link-text nav-link" href="watches.html">Watches</a>
<a class="link-text nav-link" href="contact.html">Contact Me</a>
<a class="link-text nav-link" href="#">Checkout</a>
<div class="rule rule-2">
<hr>
</div>
</div>
<div class="container button-container"><a class="link-button button-nav" href="https://www.coffeecup.com/carts/rsd25/" title="Get RSD at a 25 percent discount!" target="_blank">Buy RSD for <span class="underline">25%</span> Off</a>
<p class="paragraph button-text">Exclusive to all HTML Editor users, get <span class="underline">25%</span> off your purchase of RSD. Now that is cool!</p>
<div class="rule rule-2">
<hr>
</div>
</div>
</nav>
<article class="coffee-span-5 coffee-880-span-8 coffee-549-span-12 coffee-700-span-12">
<h2 class="heading-1">Welcome</h2>
<p class="paragraph">Hello, and welcome to Kim's Jewelry &amp; Crafts.<br></p>
<p class="paragraph">My name is Kimberly Johnson, and I'm the owner. I live in Beaverton, Michigan. I make beaded jewelry and other crafts.
You will find most of them on this site. I hope that what you see here is to your liking, and that you purchase something. I will be doing a lot
of sales on this site, to please, if you visit, make sure to bookmark it.</p>
<p class="paragraph">When I first started doing crafts, I started out with Macreme and crochet at the age of 10 making plant holders, owls, and other kinds of
Macreme, and all sorts of things with crochet. Once I got old enough and was out on my own, I started working with plastic canvas, cross stitch, and
painting. Then I got into doing Diamond Dots paintings and beading. Since 2003, when I started making jewelry with beads, I've not only sold my
items, but I have also given almost $3,000 worth of it over to charities for use in their fundraisers.</p>
<p class="paragraph"></p>
</article>
<div class="coffee-span-4 coffee-549-span-12 coffee-700-span-12">
<h2 class="heading-1">Extra Stuff Goes Here</h2>
<p class="paragraph">Sometimes this would be called a sidebar or aside, but it doesn't always have to be on the side to be called a sidebar. Sidebars can be on tops of things, below things, but they are usually beside things – hence it being a called a sidebar.<br>
</p>
<p class="paragraph"></p>
<p class="paragraph"></p>
<div class="rule">
<hr>
</div>
</div>
</main>
<div class="row full-width-row footer">
<div class="coffee-span-12">
<footer class="subgrid">
<div class="row">
<div class="coffee-span-3 hidden-column"></div>
<div class="coffee-span-9 coffee-880-span-12">
<a class="link-text footer-nav" href="#">Navigation 1</a>
<a class="link-text footer-nav" href="#">Navigation 2</a>
<a class="link-text footer-nav" href="#">Navigation 3</a>
<a class="link-text footer-nav" href="#">Navigation 4</a>
<a class="link-text footer-nav" href="#">Navigation 5</a>
<a class="link-text footer-nav" href="#">Navigation 6</a>
</div>
</div>
<div class="row">
<div class="coffee-span-12">
<div class="rule rule-1">
<hr>
</div>
</div>
</div>
<div class="row">
<div class="coffee-span-3 hidden-column"></div>
<div class="coffee-span-9 coffee-880-span-12">
<p class="paragraph copywright">Redesigned <a title="" href="http://www.coffeecup.com/html-editor/" class="footer-link" target="_blank">HTML Editor</a> Theme using <a title="" href="http://www.coffeecup.com/designer/" class="footer-link" target="_blank">Responsive Site Designer</a>
</p>
</div>
</div>
</footer>
</div>
</div>

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

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
Explorer ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

And this is what it looks like:

 

Screenshot 2024-01-12 194806.png

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

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
Explorer ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

You have to scroll to even see most of the list.  And my screenshot cuts it off at the 3rd page for earrings.

 

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

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
Community Expert ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

@DJ_KIM, I think that you are over complicating things. 

 

Please be reminded that I am an octogenarian and can come across being a grumpy old codger.

 

Having said that, the menu items mean nothing! If I want to see all of the Children's items, I need to click 8 times. Even then, I cannot compare the items listed in Childrens 1 with those listed in Childrens 4.

 

Would it not be much better to have the one heading called Childrens or similar? There you can list all of the Children's items, including the images, on the one page. Similarly for Bracelets, Earings etc.

 

This will cut down the dropdown list and make it much more user friendly. Have a look at the site that I mentioned above.

 

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
Explorer ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

I had your suggestion about the categories once before, but people were telling me that I had too many images/information on one page.  What else can I do with more than 100 items in one category?  I've tried several times to redo my site.

 

And, since NANCY keeps having a fit about this post, maybe there is some other way that we can communicate about it? 

 

And I understand about the grumpiness.  I'm in my 60's, and I get grumpy too...lol 🙂

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

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
Community Expert ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

Nancy has a good heart, she means well and has many good characteristics. For one, she is the main contributor to this Community. I hate to say this, but I am under the impression that she is aged somewhere between you and I. In other words, enjoying the same age related additage 🤣.

 

If a page contains more than 100 items, break the number of items up into several pages, but do that within the category, not as a menu item.

 

Using a database for the items will make the task of maintence a lot easier. This cannot be achieved if using the Coffee thingy. Dreamweaver or the likes of Visual Studio Code will do that by hand coding. Wappler makes it a lot easier and faster because it creates the code for you.

 

In the end, the decision is yours. @Nancy OShea@osgood_@Jon Fritz  and I can only make suggestions.

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
Explorer ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

I can't do anything as far as Wappler until the end of the month, but it does look like something that I'd really be interested in trying out. Thanks for all your help, and Osgood's too.  Didn't see Jon's answers unless he was on the previous page, and I missed it.

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

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 ,
Jan 13, 2024 Jan 13, 2024

Copy link to clipboard

Copied

That's the wrong way to approach the problem. What you need is  a 'mega menu' since you have a lot of product categories.

A mega menu is a drop down menu evoked from a top level navigation link and is set out using columns so you can layout the categories side by side, into columns, across the screen, which will be far better for your users as the categories should fit into the available screen space, without having to scroll up and down, which will be annoying. Of course you might have to compromise on tablet and smart phone - a smartphone will most likely have to be set out using 1 column, tablet you could probably get away with 2 columns and desktop 3/4 columns.

 

You also do not want to repeat categories:

Charms & Pendants 1

Charms & Pendants 2

Charms & Pendants 3

 

You just need the one category navigation name which links to the category page, decide how many products you want to show per page. If you have a lot of products in a category break them down into additional pages BUT use pagination links at the top and foot of your page:

 

Charms & Pendants

1 | 2 | 3 | 4 | 5 | 6

 

Earings

1 | 2 | 3

 

Cat Collars

1 | 2

 

Approaching the problem this way will make everything more concise and look more professaional. Of course using a database to store all the products and their detail information would simplify the process even further but I suspect you might prefer to manually create each category page, which is what most of us did when just starting out.

 

 

 

 

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
Community Expert ,
Jan 13, 2024 Jan 13, 2024

Copy link to clipboard

Copied

quote

That's the wrong way to approach the problem.


By @osgood_

 

@DJ_KIM  wants a side bar to show the menu items. What is wrong with that? The sidebar could be constructed as an Off Canvas item that hides on smaller screens.

 

I had already suggested to cut the number of menu items down and to break the items into separarate pages. The only thing that you have added is a link to the various pages, sort of like saying, make sure that the car that you want to purchase, has a stearing wheel.

 

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
LEGEND ,
Jan 14, 2024 Jan 14, 2024

Copy link to clipboard

Copied

quote

 

@DJ_KIM  wants a side bar to show the menu items. What is wrong with that? The sidebar could be constructed as an Off Canvas item that hides on smaller screens.

 

By @BenPleysier

 

I don't know how long the list is. 'I have to scroll to even see 'most' of the list' is what the OP says. If the menu can be truncated into a sensible amount of categories then there is nothing wrong with a sidebar or off canvas menu. A mega menu would provide much more space, should this not be the case. It's also scalable if more categories get added at a future date.

 

If you went down the off-canvas menu route you could also use columns IF there were many categories to manage. That's pretty much the same as a mega menu, it will provide more space and give the user a better experience than possibly needing to scroll, as a result of an excessive amount of categories.

 

quote

 

The only thing that you have added is a link to the various pages, sort of like saying, make sure that the car that you want to purchase, has a stearing wheel.

 


By @BenPleysier

 

Some people assume........... and it's not always so obvious to others, which is why I try and make my responses a little more explicit. The OP even says 'What else can I do with more than 100 items in one category?' ...... without wishing to sound condescending they seem vague on how to approach that........you would 'assume' logically they would think to break up the products into more pages, right?

 

What's the problem here. I come up with another possible alternative solution to consider and you're becoming slightly aggressive, I guess that's not a surprising, given our past history.

 

And no I have added much more because I have thought it through, not just charged into it like a bull in a china shop. 95% is thought process, 5% is doing.

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
Explorer ,
Jan 14, 2024 Jan 14, 2024

Copy link to clipboard

Copied

LATEST

Since I haven't been able to get online for 40 hours since Friday night, I finally just read your replies.

 

I had a lot of time to put photos on pages.  I put them in "table" format.  I made tables on the pages and cut down the number of pages for the categories I had a lot of pages for.  There's now just 3 children's jewelry instead of 8, and some of the others have been cut down to 1 or 2 pages.

 

I'd show you what I did with the code, but "NANCY" would get mad because it's not done in DW.  I've spent the last 44 hours putting images into tables, adding discriptions and prices to them, and typing up the coding by hand (with a little help from W3C before getting cut off for the weekend due to a snow storm).

 

I have all my pages from 4th of July to Christmas, with images and information, and am working on the rest of the pages.  I have also added the page before & after each page to the top part of the pages.  If you start at home (index.html) you can click on any of the links in it, go to that page, and be able to backtrack all the way back from that page to the first page (4th of July), and then there is a "home" link also at the top of the page.  When I get done with what I'm working on, I'll also put in a footer where people can click on a button to go "back to top" and zoom back to the top of the page.

 

One thing that NO ONE has paid any attention to is the fact that I stated "I know HTML, but I don't remember some things about it." I also stated that I have "3" certificates for "Web Site Design." The major problem is that when you do not use it every single day of your life, you lose some of what you retained in the first place.

 

Both of you are correct in your assumptions.  I do like the idea of the "mega list" as stated above. It looks a lot neater than what I have now.  Yes, I still have my long list, but as I go through and put the photos into the tables, I'm eliminating the need for excessive pages in each category.

 

The next part I will be working on with my photos and site, is to put an "add to cart" button underneath each photo. 

 

I also found out that for $50 USD/year, I could get a W3C Space with all but 2 of their premium offered items.  For just $119 USD/year I get those missing 2 items, plus everything in both of their other packages and more. So this is where I'm going to start.  At least there, I have everything I need at hand, and can ask any question and get an answer in a video, a class, etc.

 

I appreciate that the 2 of you, especially, have tried to help with this issue, but we just don't seem to be able to come to an easy answer.

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

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
Explorer ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

Nancy,

Quit marking my post as solved! When I feel it's been solved, I'll pick the best answer.  NOT YOU. 

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

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
Community Expert ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

@DJ_KIM,

1.  This is a Dreamweaver community, not a CoffeeCup community.

 

2. Contact CoffeeCup for assistance. Maybe they have an e-commerce solution you can buy. 

 

3. Whatever you decide,  it needs to be a PCI compliant system that's compatible with your merchant bank account so you can get paid.  If you don't believe me, consult with your bank & lawyer. 

 

Goodbye & best of luck.

 

 

 

 

 

Nancy O'Shea— Product User, Community Expert & Moderator

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
Explorer ,
Jan 12, 2024 Jan 12, 2024

Copy link to clipboard

Copied

I know it's a DW community. I just happened to have that page open, when I posted my comment.  Don't worry about it.  It's just a sample page anyhow.  And quit marking things as "correct answer" when it's NOT!

Never let anyone tell you that you can't do something, for if they do, it just means they couldn't do it themselves.

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