GithubHelp home page GithubHelp logo

shopify-creator-store's People

Contributors

thertc204 avatar

Watchers

 avatar

Forkers

yohanan-collab

shopify-creator-store's Issues

Allow hero text font color selection

The hero text is staticly coded to being white at all times; this doesn't work well for stores who use a light colored banner image.

This text should be configurable through theme customization, allowing the user to choose from light or dark text.

Additional Considerations:
The theme in mobile mode shows the text overtop the purple background, which would mean dark text would always conflict with this. The configurable text color should only apply in the desktop hero layout where the text overlays the banner image.

Product title in product card wraps weirdly

The text wrapping on the product card title is weird. When it wraps, it shifts to being left aligned, and has no margin.

This can probably be fixed by applying the following CSS:

.grid-item__details h4 {
    margin: 0 10px;
    text-align: center;
}

Use swatches for product color selection

Currently product colors are selected through a dropdown, which while functional, doesn't look very good.

The design mockups show color selection being done via a grid of swatches.

Additional Considerations:
There is currently no source of data for the color code to use in the swatch. This information is made available in the Printful API, but without the companion app installed and able to write metafields to the store, this feature can't exist.

Likely this will be an enhancement that is only available when a store has the companion app installed.

Update product preview image on color selection

Currently the selected color does not change the product preview image in real-time. The selected color updates the URL, which then by extension makes the correct image load if the user refreshes, but that's not ideal.

The image should be changed in lock step with the color selector.

Add theme styled Coming Soon password page

The theme currently doesn't provide a styled password page, which means a really ugly generic page is shown when the theme is published and the storefront password is enabled.

The theme should have a pretty password page. Likely previewing one of the coming products on the left, and the creators avatar & name on the right, along with a field to sign-up for the newsletter.

Add a carousel for flipping through product images

The product page currently only shows a single picture, and gives no method for viewing other product pictures.

There should be a carousel that allows users to browse through all the available pictures for a given product.

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.