New Classic Commerce site

Hi,
Just completing a CC site, if anybody can lend a hand with error checking. (or other helpful suggestions)
Know errors
http:// font link in head (looking for that now)
Add to cat button disappears on hover (not good)
dearsanta.ie/ds-20

1 Like

I canā€™t believe Christmas is already around the corner! Awesome that you built this on ClassicPress and Classic Commerce. I took it for a spin and have some points of feedback. :slight_smile:

  • Love, love, love the stencil-y font for this application.

  • On the homepage, I like the different typography. It could benefit from some whitespace between the text and image elements.

  • The nav bar could use some tweaks. Iā€™d make it make it 2x taller and remove the ā€œtabsā€ look of itā€¦ and instead color the whole background of the active item (full height of bar). Or, if you wanted to keep the tabs look, maybe remove the red background on the bar to make is seem a bit airierā€¦though, in that case, Iā€™d still make the tabs bigger and more padded.

  • The drop-down menus donā€™t match the design. Mostly, itā€™s the rounded cornersā€¦but, the background color could also use some cheering up. The background color of the mobile menu is different than this oneā€¦and perhaps a bit severe. Iā€™d find a more integrated color and use for both menu backgrounds.

  • The Countdown to Christmas widget counters are a bit too close together and could benefit from a bit of whitespace between the counters. The way they flew into place didnā€™t feel like a benefit.

  • In the footer, you have Returns, Refunds, and Complaints. The capitalization doesnā€™t match the other menus here and itā€™s too long (wide). Iā€™d recommend chopping it a bit to Returns, Refunds & Complaints [or simply] Returns / Refunds / Complaints. Or, better yet, Returns / Refunds / Support.

  • The blue bar at the bottom for the cookies noteā€¦ the texts are not on the actual buttonsā€¦unless you hover the buttonā€¦then the text jumps onto it.

  • The contact form page is rendering a raw shortcode instead of a contact form.

  • The ā€œLike us on Facebookā€ widget requests a like on Facebook without providing a link to your Facebook.

  • On the example letters, it just says ā€œDearā€ and then goes right into the letter. Maybe add in a line for clarity that a name will be going there, like, ā€œDear _________________,ā€ ā€¦and finish off each example with ā€œLove, Santaā€ to be clear that the letter wonā€™t be coming from some random elf provided by a temp agency. :wink:

Overall,ā€¦ pretty cool site! :+1: For the most part, Iā€™d put a little more work into the navigation bar and menu ā€¦and fluff everything out with some whitespace to improve the aesthetic.

Disclaimer: Iā€™m not a designer and my feelings wonā€™t be hurt if you toss these suggestions in the bin. :wink:

1 Like

Thank you for the feed back.
Re your disclaimer. Iā€™m not a designer either so takes lots of iterations to get things looking even half right
Re contact us I usually use CF7 on WP sites but does not work on this, so will install an alternative
Iā€™l edit footer menu
FaceBook link added
Unly just added cookie notice css problem
Drop down in main menu is only for me to find pages without placing an order each time now removed
Iā€™ll change complaint to ā€œsupportā€ in footer menu

1 Like

Letter texts edited as per suggestion

Iā€™m getting a blocked Google font:

Mixed Content: The page at ā€˜https://dearsanta.ie/ds-20/shop/ā€™ was loaded over HTTPS, but requested an insecure stylesheet ā€˜http://fonts.googleapis.com/css?family=Alegreya&subset=latin&ver=cp_ca570ce6ā€™. This request has been blocked; the content must be served over HTTPS.

Also you might want to read this:

I think you need to be looking at 16px font.

Yes I mentioned font problem in opening post. Once I find what is adding link in header I will change it to to https

I wasnā€™t talking about this. I meant the overall body text font-size. For me it is too small and hard to read.

I have increased body and menu font by 2px is that any better?

I am seeing 15px now (so increase of 1px).

The trick is donā€™t use px for font size.
If you use html {font-size: 100%} then whatever the user has chosen in the browser settings will be the base font size. From there, use em and donā€™t change much, since the browser has good defaults.

3 Likes

I have swapped many of font sizes in to a % hopefully they are the right size now. I still have a few to do.

Regarding layout and fields on the product pages I have added filters and actions into the child themeā€™s function file. Is that where they should be or have I erred on the nominal location.

Previously custom emails to customer etc I put in a folder called emails in a folder woocommerce in the child theme is that the correct place for them?

If I edit templates>cart>cart-shipping.php
Where do I save, so I can use, my edited version, and not have it over written in an update

Thatā€™s one way to do it and works fine. The only problem is that you are getting plugin and theme functionality all jumbled together, so if you ever change your theme you will need to sort that out. I prefer to use a small plugin for CC mods. There are more details here with a sample you can download. How to add code snippets to Classic Commerce ā€“ Classic Commerce

That will work, and it will also work if you put them into a folder called classic-commerce.

https://classiccommerce.cc/docs/installation-and-setup/template-structure/

But, again, you can also add these through a plugin to keep everthing separate from the themeā€¦

1 Like

It appears I have some reading to do :slight_smile:

If you put that into themes/yourtheme/classic-commerce/cart/cart-shipping.php it wonā€™t be over-written on update.

Yes, but very easy to read. :blush:

1 Like

Ok Iā€™ll put there. That puts it in the theme folder. Previous advice was use a plugin :slight_smile:
Client happy so site now live :grinning:

Iā€™ll move ā€œfunctionsā€ stuff to a plugin and see how I go from there.
Thank you for the very quick response

You can do either. The theme option is prob simpler.

Thank you for using CC. :+1:

If any one has kiddies and wants a ā€œSantaā€ letter use discount code cp2020 to get letters for ā‚¬5 + ā‚¬1.95 p&p
Link to the site
https://dearsanta.ie

5 Likes

A post was split to a new topic: How to include extra fields in Classic Commerce emails

Progress report.
In case anyone is curious how the site is doing. Running reasonably well so far with well over 200 orders.
Occasional glitches only,
Order confirmation emails not always sent. (I am assuming this, as if I change order to pending and then back to processing the site resends and customer then gets the email)
Occasional non acceptance of coupon codes, does happen but in most instances it is likely to be due to customer error. I.e order two letters on one order but with one incorrect code when customer tries again code wonā€™t be accepted. Possibly due to a cache

1 Like