Coder Social home page Coder Social logo

splitter's People

Watchers

 avatar  avatar

splitter's Issues

www.splittercontainer.eu is not secure

Hi @DonKoko

Could you assist here when you have a moment?

Screenshot 2023-01-05 at 13 41 39

I think we have VPS / Vimexx hosting for this but I can not request a certificate via Directadmin. I'm guessing this has to be done via the Vimexx environment?

SEO

Deliver page titles and descriptions for each page

General

  • Remove 'home' from menu
  • Menu should be: Ownership Benefits / Products / Contact Us
  • Footer menu: Home / Ownership benefits / Products / Shop / Contact Us

Sub footer menu: (do not act - internal list)

  • Privacy Policy
  • Cookie Policy
  • Terms of Service
  • Contact Information
  • Access to Personal Data
  • Right to be Forgotten
  • Data Portability
  • Data Breaches
  • Data Protection Officer (DPO)

Access Cart Items when requesting an offer via form

Hi @DonKoko , could use some help implementing this. Let me know when you have a moment then we can sit together.

In Webflow, you can use the following functions to access cart items on a page different than the cart page:

w-store: This is the main function that allows you to access the cart items and perform various e-commerce actions such as adding, removing, and updating items in the cart.

w-bind: This function allows you to bind the cart collection to a specific element on the page, such as a dynamic list, so that the cart items can be displayed.

w-action: This function allows you to perform an e-commerce action when a specific event occurs, such as when a button is clicked. For example, you can use w-action="store.addToCart" to add an item to the cart when a button is clicked.

w-value: This function allows you to access the value of a specific field in the cart item, such as the item name or price.

w-each: This function allows you to loop through the cart items and display them in a dynamic list.

You can use these functions in combination to access the cart items on other pages.

Please note that if you're using Webflow's built-in e-commerce functionality, you will need to have a Webflow Ecommerce plan.

<!-- Create a dynamic list to display the cart items -->
<ul class="cart-items-list" w-bind:class="cart.length > 0 ? 'has-items' : 'empty'">
  <li w-each="item in cart" w-bind:class="{ 'is-removed': item.isRemoved }">
    <!-- Display the item name -->
    <span class="item-name" w-value="item.name"></span>
    <!-- Display the item price -->
    <span class="item-price" w-value="item.price"></span>
    <!-- Create a button to remove the item from the cart -->
    <button class="remove-item-button" w-action="cart.remove(item.id)">Remove</button>
  </li>
</ul>

Homepage

  • Add Youtube to footer (https://www.youtube.com/@splittercontainer)
  • On precision/safety/power slider, the arrow goes over the content, lowering read-ability
  • ((Accessibility)) On menu items (footer) add a hover effect or underline, something to make it clear that it is a clickable element
  • On Subheader menu, replace the word 'English' to 'Upgrade your production facility with Splitter Containers'
  • Link Contact page on header menu
  • Add hover effect on sub header menu (for info@ and call link)

eCommerce

  • Setup variant buttons
  • Setup / link gallery
  • Make add to cart button work

Contact page

Here, we need just the bare minimum. I leave some elements that would be nice to see on the page.

  • Contact form (name/email/message) (extra bonus for captcha or something else of the same nature)
  • Text field to add something like 'for questions and offers, use the form or email us at [email protected]
  • Text field 'rather have telephone contact? we are available during office hours, call us at our phone number
  • Address (Nieuwe Havenweg 23 | 6827BA Arnhem | Nederland)
  • Add a google map or a image of the google map

Simple pages

  • Privacy Policy
  • Cookie Policy
  • Terms of Service
  • Contact Information
  • Access to Personal Data
  • Right to be Forgotten
  • Data Portability
  • Data Breaches
  • Data Protection Officer (DPO)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.