57 |
- |
1 |
<div class="container bg-3">
|
65 |
- |
2 |
<p class="mt-3">In a nutshell, <b>Find Cheap Music</b> searches dozens of online stores for low-priced Compact Discs, Vinyl Records, Digital Downloads, Music Sheets and Music related books without any additional advertisements.</p>
|
57 |
- |
3 |
|
65 |
- |
4 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
5 |
<h3 id="contents" class="bg-primary px-2 py-2">Table of Contents</h3>
|
|
|
6 |
<ol>
|
|
|
7 |
<li><a href="#mainnav" class="btn bg-light align-baseline">Main Navigation Menu</a></li>
|
|
|
8 |
<li><a href="#homescreen" class="btn bg-light align-baseline">Main / Home Screen</a></li>
|
|
|
9 |
<li><a href="#search" class="btn bg-light align-baseline">Search Results</a></li>
|
|
|
10 |
<li><a href="#random" class="btn bg-light align-baseline">Random Results</a></li>
|
|
|
11 |
<li><a href="#coupons" class="btn bg-light align-baseline">Coupons and Special Offers</a></li>
|
|
|
12 |
<li><a href="#wishlist" class="btn bg-light align-baseline">Wishlist</a></li>
|
|
|
13 |
<li><a href="#login" class="btn bg-light align-baseline">Login / Registration</a></li>
|
|
|
14 |
</ol>
|
|
|
15 |
</div>
|
57 |
- |
16 |
|
65 |
- |
17 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
18 |
<h3 id="mainnav" class="bg-primary px-2 py-2">Main Navigation Menu</h3>
|
|
|
19 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
20 |
<img class="img-fluid" src="images/help/main_menu.png" alt="Main Menu">
|
|
|
21 |
<p class="mt-3">The main menu contains the home button (<i class="fas fa-home"></i>), links to the terms of service and privacy policy as well as a link to this help page (<i class="far fa-question-circle"></i>). Located on the right hand side is the login button. The main menu expands with links to the coupons / special offers and wishlist after logging in:
|
|
|
22 |
<p>
|
|
|
23 |
<img class="img-fluid" src="images/help/main_menu_full.png" alt="Main Menu after login">
|
|
|
24 |
<p>After registration or a quick social login, using your Google, Facebook or Twitter account, you get access to a list of store coupons and special offers, are able to maintain a album wishlist, set your search preferences or change the color theme.</p>
|
|
|
25 |
</div>
|
|
|
26 |
<div class="pt-3"><a href="#contents" class="btn bg-light border" title="Back to Top" data-toggle2="tooltip"><i class="fas fa-arrow-up"></i></a></div>
|
|
|
27 |
</div>
|
57 |
- |
28 |
|
65 |
- |
29 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
30 |
<h3 id="homescreen" class="bg-primary px-2 py-2">Main / Home Screen</h3>
|
|
|
31 |
<img class="img-fluid" src="images/help/search_bar.png" alt="Search Bar">
|
|
|
32 |
<p class="mt-3">The search bar consists of popups with search tips (<i class="fas fa-info-circle"></i>), the search filter (<i class="fas fa-filter"></i>) and the shipping destination (<i class="fas fa-shipping-fast"></i>) as well as the search term input box.</p>
|
57 |
- |
33 |
|
65 |
- |
34 |
<div class="modal-body bg-light text-dark">
|
|
|
35 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
36 |
<h4><i class="fas fa-filter"></i> Filter</h4>
|
|
|
37 |
<img class="img-fluid" src="images/help/search_filter.png" alt="Search Filter">
|
|
|
38 |
<p><span class="font-weight-bold">Condition:</span>
|
|
|
39 |
<br>Select "New" and / or "Used". The standard is to search for both.</p>
|
|
|
40 |
<p><span class="font-weight-bold">Media Type:</span>
|
|
|
41 |
<br>Select <i class="fas fa-compact-disc category-icon-silver"></i> "CD", <i class="fas fa-dot-circle"></i> "Vinyl Record", <i class="fas fa-download"></i> "Digital" and / or <i class="fas fa-book-open"></i> "Book / Sheet Music". The standard is to search for all types.</p>
|
|
|
42 |
</div>
|
|
|
43 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
44 |
<h4><i class="fas fa-shipping-fast"></i> Shipping To</h4>
|
|
|
45 |
<img class="img-fluid" src="images/help/shipping_to_menu.png" alt="Shipping To Menu">
|
|
|
46 |
<p><span class="font-weight-bold">Country / Currency:</span>
|
|
|
47 |
<br>At this time only "United States" / "USD" are supported. The exchange rates are updated daily.</p>
|
|
|
48 |
<p><span class="font-weight-bold">Zip Code:</span>
|
|
|
49 |
<br>Enter your postal code to get the accurate shipping cost for items listed using a shipping rate table. The orange button color disappears when the zip code is populated.</p>
|
|
|
50 |
</div>
|
|
|
51 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
52 |
<h4><i class="fas fa-search"></i> Search Terms</h4>
|
|
|
53 |
<img class="img-fluid" src="images/help/search_term.png" alt="Search Term">
|
|
|
54 |
<p><span class="font-weight-bold">Barcode:</span>
|
|
|
55 |
<br>The 12 or 13 digit barcode, normally located on the back, offers the best chance to find a specific album.</p>
|
|
|
56 |
<p><span class="font-weight-bold">Artist and Title:</span>
|
|
|
57 |
<br>The full name of the album, including artist and title, will usually lead to a specific album.</p>
|
|
|
58 |
<p><span class="font-weight-bold">Just Artist or Title:</span>
|
|
|
59 |
<br>Searches for artist or title alone will bring up multiple albums. You can later narrow your search further down, if necessary.</p>
|
|
|
60 |
<p><span class="font-italic">The search algorithm prefers the barcode number whenever available. Since some albums have been released under various barcodes, try searching again for author and title should the barcode search come up empty.</span></p>
|
|
|
61 |
</div>
|
|
|
62 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
63 |
<p>During the search a popup with a percentage bar shows the progress. The percentage bar does not always move equally since some online stores provide the search results faster than others.</p>
|
|
|
64 |
<img class="img-fluid" src="images/help/progress_bar.png" alt="Progress Bar">
|
|
|
65 |
</div>
|
|
|
66 |
</div>
|
|
|
67 |
<div class="pt-3"><a href="#contents" class="btn bg-light border" title="Back to Top" data-toggle2="tooltip"><i class="fas fa-arrow-up"></i></a></div>
|
|
|
68 |
</div>
|
57 |
- |
69 |
|
65 |
- |
70 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
71 |
<h3 id="search" class="bg-primary px-2 py-2">Search Results</h3>
|
|
|
72 |
<p>The search delivers two different results. At the top is a card deck with up to 6 albums matching the search criteria. Below it is a table with online listings sorted by total price ascending.</p>
|
|
|
73 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
74 |
<h4>Matching Albums Card Deck (Results Part 1)</h4>
|
|
|
75 |
<p>Each card shows the main information for the album. The buttons at the footer of the card allow drilling into the track (<i class="fas fa-info"></i>) or video list (<i class="fab fa-youtube btn-youtube"></i>), add the album to the wish list (<i class="fas fa-bookmark"></i>) or search for online store listings (<i class="fas fa-search"></i>).</p>
|
|
|
76 |
<img class="img-fluid" src="images/help/matching_albums.png" alt="Matching Albums">
|
|
|
77 |
</div>
|
|
|
78 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
79 |
<h4>Detailed Album Information</h4>
|
|
|
80 |
<p>This pop up shows the detailed album information inclduing the track listing.</p>
|
|
|
81 |
<img class="img-fluid" src="images/help/album_info.png" alt="Album Info">
|
|
|
82 |
</div>
|
|
|
83 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
84 |
<h4>Album Videos</h4>
|
|
|
85 |
<p>This pop up shows the available videos.</p>
|
|
|
86 |
<img class="img-fluid" src="images/help/album_videos.png" alt="Album Info">
|
|
|
87 |
</div>
|
|
|
88 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
89 |
<h4>Matching Listings (Results Part 2)</h4>
|
|
|
90 |
<p>This table displays the cheapest available listings from dozens of online stores. The 5 buttons on top allow to quickly filter the list by new, used, digital download or books/music sheets.</p>
|
|
|
91 |
<p><strong>Table View:</strong></p><img class="img-fluid" src="images/help/search_results_table.png" alt="Search Results Table View">
|
|
|
92 |
<p><strong>Cards View:</strong></p><img class="img-fluid" src="images/help/search_results_cards.png" alt="Search Results Cards View">
|
|
|
93 |
<p class="pt-2"><span class="font-italic">Note: Every online merchant uses a slightly different search algorithm. Most return only results which contain all search words while a few check for any search word.</span></p>
|
|
|
94 |
</div>
|
|
|
95 |
<div class="pt-3"><a href="#contents" class="btn bg-light border" title="Back to Top" data-toggle2="tooltip"><i class="fas fa-arrow-up"></i></a></div>
|
|
|
96 |
</div>
|
57 |
- |
97 |
|
65 |
- |
98 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
99 |
<h3 id="random" class="bg-primary px-2 py-2">Random Results</h3>
|
|
|
100 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
101 |
<p>The random album suggestion button is only shown on the front page when you visit the site for the first time, or haven't visited the site in a while. Its meant to get you acquainted with the website's features..</p>
|
|
|
102 |
<img class="img-fluid" src="images/help/random_album_button.png" alt="Random Album Button">
|
|
|
103 |
</div>
|
|
|
104 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
105 |
<p>The random album list looks otherwise exactly like the matching album list.</p>
|
|
|
106 |
<img class="img-fluid" src="images/help/random_albums.png" alt="Random Albums">
|
|
|
107 |
</div>
|
|
|
108 |
<div class="pt-3"><a href="#contents" class="btn bg-light border" title="Back to Top" data-toggle2="tooltip"><i class="fas fa-arrow-up"></i></a></div>
|
|
|
109 |
</div>
|
57 |
- |
110 |
|
65 |
- |
111 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
112 |
<h3 id="coupons" class="bg-primary px-2 py-2">Coupons and Special Offers</h3>
|
|
|
113 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
114 |
<p class="mt-3">This page shows the currently active coupons and special offers. The entries are updated on a weekly basis.
|
|
|
115 |
<p>
|
|
|
116 |
<img class="img-fluid" src="images/help/coupons.png" alt="Coupon/Special Offers List">
|
|
|
117 |
</div>
|
|
|
118 |
<div class="pt-3"><a href="#contents" class="btn bg-light border" title="Back to Top" data-toggle2="tooltip"><i class="fas fa-arrow-up"></i></a></div>
|
|
|
119 |
</div>
|
57 |
- |
120 |
|
65 |
- |
121 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
122 |
<h3 id="wishlist" class="bg-primary px-2 py-2">Wishlist</h3>
|
|
|
123 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
124 |
<p>This page allows to maintain the wishlist. Clicking on the heading (<i class="fas fa-caret-up"></i><i class="fas fa-caret-down"></i>) for artist, title, barcode, format or ceiling price will sort the list; hit the same heading a second time to reverse the sort order. The search filter (<i class="fas fa-search"></i>) on top of the table hides all entries which do not contain the seach phrase; it can be reset by hitting the <i class="fas fa-window-close"></i>.</p>
|
|
|
125 |
<p>The following buttons are available for each entry:</p>
|
|
|
126 |
<ul class="list-unstyled">
|
|
|
127 |
<li><i class="fas fa-edit"></i> - Edit artist, title, barcode, format and ceiling price</li>
|
|
|
128 |
<li><i class="fas fa-window-close btn-wishlist-delete"></i> - Delete wishlist entry (after confirmation)</li>
|
|
|
129 |
<li><i class="fas fa-info-circle"></i> - Get detailed album information</li>
|
|
|
130 |
<li><i class="fas fa-search"></i> - Search for online store listings</li>
|
|
|
131 |
</ul>
|
|
|
132 |
<img class="img-fluid" src="images/help/wishlist.png" alt="Coupon/Wishlist">
|
|
|
133 |
</div>
|
|
|
134 |
<div class="pt-3"><a href="#contents" class="btn bg-light border" title="Back to Top" data-toggle2="tooltip"><i class="fas fa-arrow-up"></i></a></div>
|
|
|
135 |
</div>
|
57 |
- |
136 |
|
65 |
- |
137 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
138 |
<h3 id="login" class="bg-primary px-2 py-2">Login / Registration</h3>
|
|
|
139 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
140 |
<p>You can login with your social account (Google, Facebook or Twitter) or register to create a new login for this site. Either way, you have to agree to the <a href="terms.php" target="_blank">terms of service</a> and the <a href="privacy.php" target="_blank">privacy policy</a>. The webpage is fully functiontional without a login but the registration or social login gives you access to the coupons / special offers, wishlist, search preferences and color theme setup.</p>
|
|
|
141 |
<img class="img-fluid" src="images/help/login_screen.png" alt="Login Screen">
|
|
|
142 |
</div>
|
|
|
143 |
<div class="shadow p-4 mb-4 bg-light">
|
|
|
144 |
<p>Once you are logged in, the site preferences can be changed. The user image is optional and shows up in the top navigation bar. First name and email address are the only mandatory fields but it is recommended to enter the zip code in order to get the accurate shipping cost for items listed using a shipping rate table.</p>
|
|
|
145 |
<p>The next section allows to change the color theme for the website. The change is active as soon as the setings are saved.</p>
|
|
|
146 |
<p>The last section allows to limit the search results by condition or media type. The default behavior is to search for all conditions and media types. Everytime you log back into the website, these settings will overwrite the default.</p>
|
|
|
147 |
<img class="img-fluid" src="images/help/account_edit.png" alt="Login Screen">
|
|
|
148 |
</div>
|
|
|
149 |
<div class="pt-3"><a href="#contents" class="btn bg-light border" title="Back to Top" data-toggle2="tooltip"><i class="fas fa-arrow-up"></i></a></div>
|
|
|
150 |
</div>
|
57 |
- |
151 |
|
58 |
- |
152 |
</div>
|