Small SEO enhancements

public/stylesheets/less/style.less

@@ -95,6 +95,10 @@ a.text-danger:hover, a.text-danger:focus {
     padding-top: 30px;
 }
 
+.product-results h1{
+    font-size: 22px;
+}
+
 .product-title-image{
     margin: auto;
     max-height: 400px;

public/stylesheets/style.css

@@ -68,6 +68,9 @@ a.text-danger:focus {
 .product-layout {
   padding-top: 30px;
 }
+.product-results h1 {
+  font-size: 22px;
+}
 .product-title-image {
   margin: auto;
   max-height: 400px;

routes/index.js

@@ -94,7 +94,7 @@ router.get('/checkout/information', async (req, res, next) => {
 
     // render the payment page
     res.render(`${config.themeViews}checkout-information`, {
-        title: 'Checkout',
+        title: 'Checkout - Information',
         config: req.app.config,
         session: req.session,
         paymentType,
@@ -138,7 +138,7 @@ router.get('/checkout/shipping', async (req, res, next) => {
 
     // render the payment page
     res.render(`${config.themeViews}checkout-shipping`, {
-        title: 'Checkout',
+        title: 'Checkout - Shipping',
         config: req.app.config,
         session: req.session,
         cartClose: false,
@@ -156,6 +156,7 @@ router.get('/checkout/cart', (req, res) => {
     const config = req.app.config;
 
     res.render(`${config.themeViews}checkout-cart`, {
+        title: 'Checkout - Cart',
         page: req.query.path,
         config,
         session: req.session,
@@ -196,7 +197,7 @@ router.get('/checkout/payment', async (req, res) => {
     await updateTotalCart(req, res);
 
     res.render(`${config.themeViews}checkout-payment`, {
-        title: 'Checkout',
+        title: 'Checkout - Payment',
         config: req.app.config,
         paymentConfig: getPaymentConfig(),
         session: req.session,

views/themes/Cloth/checkout-cart.hbs

@@ -5,7 +5,7 @@
             <div class="row">
                 <div class="col-sm-12 {{showCartButtons @root.session.cart}} cart-buttons">
                     <button class="btn btn-danger float-left" id="empty-cart" type="button">{{ @root.__ "Empty cart" }}</button>
-                    <a href="/checkout/information" class="btn btn-danger float-right">Checkout</a>
+                    <a href="/checkout/information" class="btn btn-primary float-right">Checkout</a>
                 </div>
             </div>
         </div>

views/themes/Cloth/index.hbs

@@ -1,11 +1,11 @@
 {{> themes/Cloth/front-menu}}
 <div class="productsWrapper col-sm-12 col-md-8 offset-md-2">
     {{#if filtered}}
-        <div class="product-layout col-sm-12">
+        <div class="product-layout product-results col-sm-12">
             {{#ifCond @root.paginateUrl '==' 'category'}}
-            <h4>{{ @root.__ "Category" }}: <strong>{{@root.searchTerm}}</strong></h4>
+            <h1>{{ @root.__ "Category" }}: <strong>{{@root.searchTerm}}</strong></h1>
             {{else}}
-            <h4>{{ @root.__ "Search results" }}: <strong>{{@root.searchTerm}}</strong></h4>
+            <h1>{{ @root.__ "Search results" }}: <strong>{{@root.searchTerm}}</strong></h1>
             {{/ifCond}}
         </div>
     {{/if}}