Subversion Repositories cheapmusic

Rev

Rev 100 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 100 Rev 107
Line 4... Line 4...
4
    <div class="shadow p-4 mb-4 bg-light">
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>
5
        <h2 id="contents" class="bg-primary px-2 py-2">Table of Contents</h2>
6
        <ol>
6
        <ol>
7
            <li><a href="#mainnav" class="btn bg-light align-baseline">Main Navigation Menu</a></li>
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>
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>
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>
10
            <li><a href="#random" class="btn bg-light align-baseline">Random Results</a></li>
Line 13... Line 13...
13
            <li><a href="#login" class="btn bg-light align-baseline">Login / Registration</a></li>
13
            <li><a href="#login" class="btn bg-light align-baseline">Login / Registration</a></li>
14
        </ol>
14
        </ol>
15
    </div>
15
    </div>
16
 
16
 
17
    <div class="shadow p-4 mb-4 bg-light">
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>
18
        <h2 id="mainnav" class="bg-primary px-2 py-2">Main Navigation Menu</h2>
19
        <div class="shadow p-4 mb-4 bg-light">
19
        <div class="shadow p-4 mb-4 bg-light">
20
            <img class="img-fluid" src="images/help/main_menu.png" alt="Main Menu">
20
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-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:
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>
22
                <p>
23
                    <img class="img-fluid" src="images/help/main_menu_full.png" alt="Main Menu after login">
23
                    <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-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 an album wishlist, receive price alert emails, set your search preferences or change the color theme.</p>
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 an album wishlist, receive price alert emails, set your search preferences or change the color theme.</p>
25
        </div>
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>
26
        <div class="pt-3"><a href="#contents" class="btn bg-white border" title="Back to Top" data-toggle2="tooltip" aria-label="Go to table of contents"><i class="fas fa-arrow-up"></i></a></div>
27
    </div>
27
    </div>
28
 
28
 
29
    <div class="shadow p-4 mb-4 bg-light">
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>
30
        <h2 id="homescreen" class="bg-primary px-2 py-2">Main / Home Screen</h2>
31
        <img class="img-fluid" src="images/help/search_bar.png" alt="Search Bar">
31
        <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-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>
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>
33
 
33
 
34
        <div class="modal-body bg-light text-dark">
34
        <div class="modal-body bg-light text-dark">
35
            <div class="shadow p-4 mb-4 bg-light">
35
            <div class="shadow p-4 mb-4 bg-light">
36
                <h4><i class="fas fa-filter"></i> Filter</h4>
36
                <h3><i class="fas fa-filter"></i> Filter</h3>
37
                <img class="img-fluid" src="images/help/search_filter.png" alt="Search Filter">
37
                <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/search_filter.png" alt="Search Filter">
38
                <p><span class="font-weight-bold">Condition:</span>
38
                <p><span class="font-weight-bold">Condition:</span>
39
                    <br>Select "New" and / or "Used". The standard is to search for both.</p>
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>
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-record-vinyl"></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>
41
                    <br>Select <i class="fas fa-compact-disc category-icon-silver"></i> "CD", <i class="fas fa-record-vinyl"></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>
42
            </div>
43
            <div class="shadow p-4 mb-4 bg-light">
43
            <div class="shadow p-4 mb-4 bg-light">
44
                <h4><i class="fas fa-shipping-fast"></i> Shipping To</h4>
44
                <h3><i class="fas fa-shipping-fast"></i> Shipping To</h3>
45
                <img class="img-fluid" src="images/help/shipping_to_menu.png" alt="Shipping To Menu">
45
                <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/shipping_to_menu.png" alt="Shipping To Menu">
46
                <p><span class="font-weight-bold">Country / Currency:</span>
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>
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>
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>
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>
50
            </div>
51
            <div class="shadow p-4 mb-4 bg-light">
51
            <div class="shadow p-4 mb-4 bg-light">
52
                <h4><i class="fas fa-search"></i> Search Terms</h4>
52
                <h3><i class="fas fa-search"></i> Search Terms</h3>
53
                <img class="img-fluid" src="images/help/search_term.png" alt="Search Term">
53
                <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/search_term.png" alt="Search Term">
54
                <p><span class="font-weight-bold">Barcode:</span>
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>
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>
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>
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>
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>
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>
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>
61
            </div>
62
            <div class="shadow p-4 mb-4 bg-light">
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>
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">
64
                <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/progress_bar.png" alt="Progress Bar">
65
            </div>
65
            </div>
66
            <div class="shadow p-4 mb-4 bg-light">
66
            <div class="shadow p-4 mb-4 bg-light">
67
                <p>The last 30 search terms are saved for convenience. The list is filtered as soon as you start typing; to see the full list, empty the search field by hitting the <i class="fas fa-window-close"></i> at the end. The search results are cached for about 1 hour to accelerate switching back and forth between your searches.</p>
67
                <p>The last 30 search terms are saved for convenience. The list is filtered as soon as you start typing; to see the full list, empty the search field by hitting the <i class="fas fa-window-close"></i> at the end. The search results are cached for about 1 hour to accelerate switching back and forth between your searches.</p>
68
                <img class="img-fluid" src="images/help/search_history.png" alt="Search History List">
68
                <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/search_history.png" alt="Search History List">
69
            </div>
69
            </div>
70
        </div>
70
        </div>
71
        <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>
71
        <div class="pt-3"><a href="#contents" class="btn bg-white border" title="Back to Top" data-toggle2="tooltip" aria-label="Go to table of contents"><i class="fas fa-arrow-up"></i></a></div>
72
    </div>
72
    </div>
73
 
73
 
74
    <div class="shadow p-4 mb-4 bg-light">
74
    <div class="shadow p-4 mb-4 bg-light">
75
        <h3 id="search" class="bg-primary px-2 py-2">Search Results</h3>
75
        <h2 id="search" class="bg-primary px-2 py-2">Search Results</h2>
76
        <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>
76
        <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>
77
        <div class="shadow p-4 mb-4 bg-light">
77
        <div class="shadow p-4 mb-4 bg-light">
78
            <h4>Matching Albums Card Deck (Results Part 1)</h4>
78
            <h3>Matching Albums Card Deck (Results Part 1)</h3>
79
            <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>
79
            <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>
80
            <img class="img-fluid" src="images/help/matching_albums.png" alt="Matching Albums">
80
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/matching_albums.png" alt="Matching Albums">
81
        </div>
81
        </div>
82
        <div class="shadow p-4 mb-4 bg-light">
82
        <div class="shadow p-4 mb-4 bg-light">
83
            <h4>Detailed Album Information</h4>
83
            <h3>Detailed Album Information</h3>
84
            <p>This pop up shows the detailed album information including the track listing.</p>
84
            <p>This pop up shows the detailed album information including the track listing.</p>
85
            <img class="img-fluid" src="images/help/album_info.png" alt="Album Info">
85
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/album_info.png" alt="Album Info">
86
        </div>
86
        </div>
87
        <div class="shadow p-4 mb-4 bg-light">
87
        <div class="shadow p-4 mb-4 bg-light">
88
            <h4>Album Videos</h4>
88
            <h3>Album Videos</h3>
89
            <p>This pop up shows the available videos.</p>
89
            <p>This pop up shows the available videos.</p>
90
            <img class="img-fluid" src="images/help/album_videos.png" alt="Album Info">
90
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/album_videos.png" alt="Album Info">
91
        </div>
91
        </div>
92
        <div class="shadow p-4 mb-4 bg-light">
92
        <div class="shadow p-4 mb-4 bg-light">
93
            <h4>Matching Listings (Results Part 2)</h4>
93
            <h3>Matching Listings (Results Part 2)</h3>
94
            <p>This section displays the cheapest available listings from dozens of online stores in a table or card form.</p>
94
            <p>This section displays the cheapest available listings from dozens of online stores in a table or card form.</p>
95
            <p><strong>Table View:</strong></p><img class="img-fluid" src="images/help/search_results_table.png" alt="Search Results Table View">
95
            <p><strong>Table View:</strong></p><img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/search_results_table.png" alt="Search Results Table View">
96
            <p><strong>Card View:</strong></p><img class="img-fluid" src="images/help/search_results_cards.png" alt="Search Results Cards View">
96
            <p><strong>Card View:</strong></p><img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/search_results_cards.png" alt="Search Results Cards View">
97
            <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 and thereby deliver unrelated results.</span></p>
97
            <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 and thereby deliver unrelated results.</span></p>
98
        </div>
98
        </div>
99
        <div class="shadow p-4 mb-4 bg-light">
99
        <div class="shadow p-4 mb-4 bg-light">
100
            <h4>Result Filtering</h4>
100
            <h3>Result Filtering</h3>
101
            <p><strong>Quick Filter:</strong></p>
101
            <p><strong>Quick Filter:</strong></p>
102
            <p>This filter allows to select either all results (the standard) or only New or Used results. The number next to the criteria shows the number of matching results. After selecting the filter criteria, hit the Apply button to update the result list; the reset button sets all criteria back to the selected status. The list can be switched between a table view (<i class="fas fa-th-list"></i>) or a card view (<i class="fas fa-th-large"></i>). The counter on top indicates how many filtered results are shown.</p>
102
            <p>This filter allows to select either all results (the standard) or only New or Used results. The number next to the criteria shows the number of matching results. After selecting the filter criteria, hit the Apply button to update the result list; the reset button sets all criteria back to the selected status. The list can be switched between a table view (<i class="fas fa-th-list"></i>) or a card view (<i class="fas fa-th-large"></i>). The counter on top indicates how many filtered results are shown.</p>
103
            <img class="img-fluid" src="images/help/quick_filter.png" alt="Quick Filter Options">
103
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/quick_filter.png" alt="Quick Filter Options">
104
            <p><strong>Detailed Filter:</strong></p>
104
            <p><strong>Detailed Filter:</strong></p>
105
            <p>This filter allows to select by any combination of Condition, Media Type, Merchant or Shipping Origination. The number next to the criteria shows the number of matching results. The list can be switched between a table view (<i class="fas fa-th-list"></i>) or a card view (<i class="fas fa-th-large"></i>). The counter on top indicates how many filtered results are shown.</p>
105
            <p>This filter allows to select by any combination of Condition, Media Type, Merchant or Shipping Origination. The number next to the criteria shows the number of matching results. The list can be switched between a table view (<i class="fas fa-th-list"></i>) or a card view (<i class="fas fa-th-large"></i>). The counter on top indicates how many filtered results are shown.</p>
106
            <img class="img-fluid" src="images/help/detailed_filter.png" alt="Detailed Filter Options">
106
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/detailed_filter.png" alt="Detailed Filter Options">
107
        </div>
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>
108
        <div class="pt-3"><a href="#contents" class="btn bg-white border" title="Back to Top" data-toggle2="tooltip" aria-label="Go to table of contents"><i class="fas fa-arrow-up"></i></a></div>
109
    </div>
109
    </div>
110
 
110
 
111
    <div class="shadow p-4 mb-4 bg-light">
111
    <div class="shadow p-4 mb-4 bg-light">
112
        <h3 id="random" class="bg-primary px-2 py-2">Random Results</h3>
112
        <h2 id="random" class="bg-primary px-2 py-2">Random Results</h2>
113
        <div class="shadow p-4 mb-4 bg-light">
113
        <div class="shadow p-4 mb-4 bg-light">
114
            <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. It's meant to get you acquainted with the website's features.</p>
114
            <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. It's meant to get you acquainted with the website's features.</p>
115
            <img class="img-fluid" src="images/help/random_album_button.png" alt="Random Album Button">
115
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/random_album_button.png" alt="Random Album Button">
116
        </div>
116
        </div>
117
        <div class="shadow p-4 mb-4 bg-light">
117
        <div class="shadow p-4 mb-4 bg-light">
118
            <p>The random album list looks otherwise exactly like the matching album list.</p>
118
            <p>The random album list looks otherwise exactly like the matching album list.</p>
119
            <img class="img-fluid" src="images/help/random_albums.png" alt="Random Albums">
119
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/random_albums.png" alt="Random Albums">
120
        </div>
120
        </div>
121
        <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>
121
        <div class="pt-3"><a href="#contents" class="btn bg-white border" title="Back to Top" data-toggle2="tooltip" aria-label="Go to table of contents"><i class="fas fa-arrow-up"></i></a></div>
122
    </div>
122
    </div>
123
 
123
 
124
    <div class="shadow p-4 mb-4 bg-light">
124
    <div class="shadow p-4 mb-4 bg-light">
125
        <h3 id="coupons" class="bg-primary px-2 py-2">Coupons and Special Offers</h3>
125
        <h2 id="coupons" class="bg-primary px-2 py-2">Coupons and Special Offers</h2>
126
        <div class="shadow p-4 mb-4 bg-light">
126
        <div class="shadow p-4 mb-4 bg-light">
127
            <p class="mt-3">This page shows the currently active coupons and special offers. The entries are updated on a weekly basis.
127
            <p class="mt-3">This page shows the currently active coupons and special offers. The entries are updated on a weekly basis.
128
                <p>
128
                <p>
129
                    <img class="img-fluid" src="images/help/coupons.png" alt="Coupon/Special Offers List">
129
                    <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/coupons.png" alt="Coupon/Special Offers List">
130
        </div>
130
        </div>
131
        <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>
131
        <div class="pt-3"><a href="#contents" class="btn bg-white border" title="Back to Top" data-toggle2="tooltip" aria-label="Go to table of contents"><i class="fas fa-arrow-up"></i></a></div>
132
    </div>
132
    </div>
133
 
133
 
134
    <div class="shadow p-4 mb-4 bg-light">
134
    <div class="shadow p-4 mb-4 bg-light">
135
        <h3 id="wishlist" class="bg-primary px-2 py-2">Wishlist</h3>
135
        <h2 id="wishlist" class="bg-primary px-2 py-2">Wishlist</h2>
136
        <div class="shadow p-4 mb-4 bg-light">
136
        <div class="shadow p-4 mb-4 bg-light">
137
            <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 search phrase; it can be reset by hitting the <i class="fas fa-window-close"></i>.</p>
137
            <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 search phrase; it can be reset by hitting the <i class="fas fa-window-close"></i>.</p>
138
            <p>Any wishlist entries with a non-zero ceiling price will trigger a periodic search and email. The frequency is initially set to weekly but can be changed to daily, weekly, bi-weekly or monthly at the user account. In order to cut down on unnecessary emails, we only send emails with actual results.</p>
138
            <p>Any wishlist entries with a non-zero ceiling price will trigger a periodic search and email. The frequency is initially set to weekly but can be changed to daily, weekly, bi-weekly or monthly at the user account. In order to cut down on unnecessary emails, we only send emails with actual results.</p>
139
            <p>The following buttons are available for each entry:</p>
139
            <p>The following buttons are available for each entry:</p>
140
            <ul class="list-unstyled">
140
            <ul class="list-unstyled">
141
                <li><i class="fas fa-edit"></i> - Edit artist, title, barcode, format and ceiling price</li>
141
                <li><i class="fas fa-edit"></i> - Edit artist, title, barcode, format and ceiling price</li>
142
                <li><i class="fas fa-window-close"></i> - Delete wishlist entry (after confirmation)</li>
142
                <li><i class="fas fa-window-close"></i> - Delete wishlist entry (after confirmation)</li>
143
                <li><i class="fas fa-info-circle"></i> - Get detailed album information</li>
143
                <li><i class="fas fa-info-circle"></i> - Get detailed album information</li>
144
                <li><i class="fas fa-search"></i> - Search for online store listings</li>
144
                <li><i class="fas fa-search"></i> - Search for online store listings</li>
145
            </ul>
145
            </ul>
146
            <img class="img-fluid" src="images/help/wishlist.png" alt="Coupon/Wishlist">
146
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/wishlist.png" alt="Coupon/Wishlist">
147
        </div>
147
        </div>
148
        <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>
148
        <div class="pt-3"><a href="#contents" class="btn bg-white border" title="Back to Top" data-toggle2="tooltip" aria-label="Go to table of contents"><i class="fas fa-arrow-up"></i></a></div>
149
    </div>
149
    </div>
150
 
150
 
151
    <div class="shadow p-4 mb-4 bg-light">
151
    <div class="shadow p-4 mb-4 bg-light">
152
        <h3 id="login" class="bg-primary px-2 py-2">Login / Registration</h3>
152
        <h2 id="login" class="bg-primary px-2 py-2">Login / Registration</h2>
153
        <div class="shadow p-4 mb-4 bg-light">
153
        <div class="shadow p-4 mb-4 bg-light">
154
            <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 functional without a login but the registration or social login gives you access to the coupons / special offers, wishlist, price alerts, search preferences and layout setup.</p>
154
            <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 functional without a login but the registration or social login gives you access to the coupons / special offers, wishlist, price alerts, search preferences and layout setup.</p>
155
            <img class="img-fluid" src="images/help/login_screen.png" alt="Login Screen">
155
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/login_screen.png" alt="Login Screen">
156
        </div>
156
        </div>
157
        <div class="shadow p-4 mb-4 bg-light">
157
        <div class="shadow p-4 mb-4 bg-light">
158
            <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>
158
            <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>
159
            <p>The Layout section allows to change the color theme for the website and the initial result layout (table or grid).</p>
159
            <p>The Layout section allows to change the color theme for the website and the initial result layout (table or grid).</p>
160
            <p>The Search Filter Preferences section allows to limit the search results by condition or media type. The default behavior is to search for all conditions and media types. Every time you log back into the website, these settings will overwrite the default search filters.</p>
160
            <p>The Search Filter Preferences section allows to limit the search results by condition or media type. The default behavior is to search for all conditions and media types. Every time you log back into the website, these settings will overwrite the default search filters.</p>
161
            <p>The Wishlist section governs the periodic price check emails for all items on your wishlist with a non-zero price cap. By default, weekly emails are turned on. The frequency can be set to daily, weekly, bi-weekly and monthly.</p>
161
            <p>The Wishlist section governs the periodic price check emails for all items on your wishlist with a non-zero price cap. By default, weekly emails are turned on. The frequency can be set to daily, weekly, bi-weekly and monthly.</p>
162
            <img class="img-fluid" src="images/help/account_info.png" alt="Login Screen">
162
            <img class="img-fluid lazyload" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/help/account_info.png" alt="Login Screen">
163
        </div>
163
        </div>
164
        <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>
164
        <div class="pt-3"><a href="#contents" class="btn bg-white border" title="Back to Top" data-toggle2="tooltip" aria-label="Go to table of contents"><i class="fas fa-arrow-up"></i></a></div>
165
    </div>
165
    </div>
166
 
166
 
167
</div>
167
</div>