Notes

Webpage Development Notes

1. -HCF.co.uk target codeing

2. -HTML Site ex BM code playground.

3. -HCF102 = BM Code Edited

4. -HCF103 = BM Cod Edited

5. -Cross reference sets on singles page where relevant.

6. Page Ideas and To-Dos

7. -Template for each page and search How to…

8. -Site Map

9. -A Food On The Bank Page…’More interesting than a sandwich and better for you’

10. React Is – Youtube check

11. -Asset Folder includes images, icons, css files, font files etc., custom images,

13. -HCF Magazine…News Page?

14. -Hostinger Gift Card

15. Social Media

17. -try for an exclusive target item the way F and t do the watch page

18. -Look at About us notes .doc

19. -Generate a qr code in Hostinger

21. Look at Toolstation Footer Useful Items list that href's links

22. -Add pics alongside Crazy Caver

23. -pafa.org website that works well on mobile

24. -Check Gortini floats and ISJ Power Pole Floats for pole ideas

25. -Make Wye box

26. -Make floats for boxes

27. add pole floats to boxes

28. -pafa.org website that works well on mobile

29. -Check Gortini floats and ISJ Power Pole Floats for pole ideas

30. -Cancel TV licence standing order

31. -Check out best selling online products...like current topics to add to blog section

32. -Generate a qr code in Hostingerat dsahboard

33. -Make Wye box

34. -Make floats for boxes

36. -Add Staff top advice to making a Staff

37. -Redo float shop pics. Add text to description and delete from sid eof pic.

38. -Re-jig Toll booth

39. -Add pics alonside Crazy Caver

40. -add cv to JobLookup

41. Here we have the every day float box

42. Complete with floats from 175mm(7") to 125mm(5") you have the range from margin to several rod lengths. All lovingly made in the UK with my own delicate hands to our recognised attention to detail.

43. Each tastefully whipped to suit its different need.

44. Handmade in the UK ; all materials are sourced in this country UK and everything done by hand from start to finish, producing a recognised design of float that is a go to wherever you are.-Change Description text in website shop items

45. -Add single floats to individual sets

46. -Think through float pricing for 2025

47. -Smeg Oven Thermostat - 55 17059 590 Oven Thermostat

48. -Add line loop to 09 boxes

49. -Make up one sided Ouse box and pics with scalpel

50. -'You are creating an heirloom' and Your companion in the journey' and 'simply standing and staring.’

51. -Convert images to avif for future , speed and clarity

52. -use HTML Bare bones to create a usable See all Listing notes with collated info for each item from HTML Site

Mobile Notes

Best image size

The best image size for Android phones depends on the screen resolution and aspect ratio of the device. Here are some general guidelines:

• Standard mobile image sizes: 640×320 pixels is a common recommendation for general phone images.

• Wallpaper size: A good standard is 1080×1920 pixels (Full HD) since most modern phones use a 16:9 aspect ratio.

• Optimized web images: For mobile-friendly websites, images around 400–800 pixels wide work well to balance quality and loading speed.

• High-resolution displays: If targeting high-DPI screens, consider using WebP format for better compression and quality.

Since you're working on e-commerce site development, optimizing images for mobile is crucial for fast loading times and a smooth user experience. You might want to experiment with responsive images using the tag and srcset to serve different sizes based on the device.

Folders

Product Page

To create a Products Page in Hostinger Website Builder, follow these steps:

1. Add a New Page

• Open your Hostinger dashboard and click Edit Website.

• Go to Pages and Navigation and click Add Page.

• Name the page (e.g., "Shop" or "Products") and save it.

2. Insert a Product Section

• Open the newly created page.

• Click Add Section and select Online Store.

• Choose Product List to display multiple products.

3. Assign Products or Categories

• Click on the Product List section and select Edit Section.

• Choose whether to display all products or a specific category.

4. Customize the Layout

• Adjust the number of products per row, text alignment, and image settings.

• Modify colors, fonts, and spacing to match your website’s design.

5. Publish Your Changes

• Click Save and then Publish to make the page live.

For a detailed guide, check out Hostinger's tutorial on displaying product categories on separate pages. Let me know if you need more help!

FAQ's

FAQs

· What payment methods do you accept?

· PayPal is current but Credit/Debit is a given away fro the likes of eBay etc,.

· Postage:

· All prices will include p+p . Individual floats (coming here soon) will be plus.

o Options / methods

o Royal Mail or Hermes

o Cost

· What is your dispatch time?

· 2 working days unless customer notified otherwise

· Can I collect my order in person?

· No available

· What is your Returns Policy?

A) If for any reason you are unsatisfied with an item you have purchased from this site, and it is undamaged, please return within 30 days for a full refund. Merchandise must be returned in the original carton with original packaging, accessories, and instructions. Products returned in non-saleable condition may be subject to a restocking fee.Merchandise should be sent postage paid to the following address:

· Do you post overseas?

o Which countries do you post to?

o Any country that does not have a materials restriction.

o “Please ask us before placing your order.”

o Why don’t you sell to my country?

· I haven’t received my order, what should I do?

· If your order has not arrived by your next, normal, delivery immediately contact us by email quoting Your Name/Item Description/date Ordered/Order Number if supplied…. Our email is…..

· Can I make changes to my order?

· We will normally post before 17:00 the next working day. Contact us immediately you

· Can I cancel my order?

· If your order has been dispatched we ask you to adhere to our Return Policy whereupon we will credit you the full amount of your purchase. Not the cost of your returns butincluding any postage we may have charged you.

· What are your float / feathers / etc made from?

· We do explain many manufacturing details in the About Us section. We add to this on a regular basis.

· Can you make a specific design or personalise for me?

· Absolutely. Specials are one of the delights of float and staff making.

· Are your floats guaranteed?

· As with every handmade float craftspeople we are proud of our reputation and guarantee our work. Customer comments are the only way we can satisfactorily progress.

· How do I contact you?

· By email from our Contact Form here.

Pegs and Posts edit

Edit product page

Apperance/Customise/WooCommerce

1. Access WordPress Customizer by going to Appearance –> Customize –>WooCommerce

2. Select ‘Product Images’

3. Enter correct values for ‘Main Image Width’ and ‘Thumbnail Width’. You can test using different sizes. If in doubt, use values 600px and 400 px respectively, as defaults

4. Otherwise, inspect images in your theme to obtain the right sizes

5. Use thumbnail cropping as required

6. Click ‘Publish’

What an eCommerce website should include

Leave my website

Is there a button that allows a visitor to leave my website?

Certainly! When it comes to allowing visitors to leave your website, there are a few approaches you can consider:

1. Exit-Intent Popups:

o Exit-intent popups appear when a user’s mouse hovers near the top of the browser window, signaling their intent to leave the page. These popups can offer a last-minute incentive or message to encourage visitors to stay or take a specific action before exiting.

o You can use WordPress plugins like HubSpot1 or other custom solutions to create exit-intent popups that display relevant content or offers when users are about to leave.

2. Leaving Notice Popups for External Links:

o If you want to notify users specifically when they click on external links (links that take them away from your site), you can implement a leaving notice popup. This popup warns visitors that they are leaving your site and gives them the option to proceed or stay.

o These popups typically include a message and two buttons: one to leave and another to stay on your site2.

3. Quick Exit Buttons for Sensitive Content:

o Some websites include a quick exit button specifically for sensitive content. For instance, if someone is seeking information related to safety, privacy, or sensitive topics, this button allows them to quickly switch to another website.

o It’s helpful in situations where someone might be watching over their shoulder or entering a room, and they need to swiftly change the webpage3.

Remember to choose the approach that aligns with your website’s purpose and user experience. Providing clear options for visitors to leave or stay can enhance their overall interaction with your site. 🌐

Project title

This project aims to develop a user-friendly mobile application that enhances productivity and organization. Through intuitive design and seamless functionality, users can efficiently manage tasks, set reminders, and collaborate with team members.