Jump to content
benbyf

supercarownerscircle.com

Recommended Posts

Not new, but a website I've worked on for a year or so in continous development.

http://supercarownerscircle.com/

I originally inherited the site from another web design company - upgraded PW and over the year added ecommerce using the Stripe module and a custom integration, revamped the frontend and added lots of new templates.

Also did some frontend work on the shopify shop.

1062312384_Screenshot2018-04-3013_30_07.thumb.png.665c452db84c26696d3c691bbc3cb779.png

 

 

  • Like 7

Share this post


Link to post
Share on other sites

So you didn't integrate the shop into the PW website in the end? (I remember you were looking for a solution). What stopped you from doing it? Just curious here 🙂 Great work!

  • Haha 1

Share this post


Link to post
Share on other sites

Yeah, true! Thats still in the pipeline. I'm hoping to pull data from shopify and show it on the homepage of the PW site, then link it through to the real shopify – but not yet started that work.

Share this post


Link to post
Share on other sites

Just out of curiosity but will you try to downsize the homepage's size in the future?

82.6 MB is quite a big number.

  • Like 1

Share this post


Link to post
Share on other sites

I've done some of that work for sure. I just looked in Chrome and got around 22mb and thats with video, so its not great but not quite that bad.

Though in checking I spotted some massive png's that should be jpg's that obviously the client must have uploaded so going to have to change that.

Share this post


Link to post
Share on other sites

clients. not sure I can account for that, as they replaced a 6mb video with a 70mb one... what would you do?

  • Like 1

Share this post


Link to post
Share on other sites

In case of images I would limit upload sizes as in height/width and MB.

In case of videos it depends on where they were used. As a movie I wouldn't care that much about size but I would load them only on demand. As a background video I would limit size.

 

  • Like 1

Share this post


Link to post
Share on other sites
1 hour ago, benbyf said:

what would you do?

Just a suggestion, as @wbmnfktr said, you should limit the size for the video on client editing. Then give them a note that they have to use **a video converter from a web service** prior to upload the video to the backend.

With https://clipchamp.com/en/products/utilities your video can be reduced from 72MB to 15MB with a really decent quality.

Settings are : 

Preset:  Web
Resolution:  720p
Format:  mp4
Quality:  Medium
 
You should give a try ✌️
ps: I am not affiliated with them but there are a free plan. Mods, feel free to remove the link..
  • Like 3

Share this post


Link to post
Share on other sites
1 hour ago, wbmnfktr said:

In case of images I would limit upload sizes as in height/width and MB.

In case of images you can let them upload what they want, but ensure that it is in highest possible quality. For the output you define width x height, quality and even output format (jpeg), if they use png were not appropriate. 🙂

  • Like 3

Share this post


Link to post
Share on other sites
1 minute ago, horst said:

In case of images you can let them upload what they want

I would agree with that to a certain point. Imagine your client uploads a few hundred images with 12 MB+ each.

If they explicitly ask for the possibility to upload super high-res images it's another story. 

  • Like 1

Share this post


Link to post
Share on other sites
4 hours ago, wbmnfktr said:

I would agree with that to a certain point. Imagine your client uploads a few hundred images with 12 MB+ each.

??? If they want to, - why not? Sure, I would tell them not to use such big images where not necessary. But if they don't care, it is not my time waiting during the boring long uploads. 🙂

And if they are not able to scale down the images before uploading, it seems better to me to let them upload the hires instead of something scrumbled because they don't know what they do.

Share this post


Link to post
Share on other sites
5 hours ago, horst said:

??? If they want to, - why not?

Have you heard of storage quota? 😉

  • Like 1

Share this post


Link to post
Share on other sites
16 hours ago, horst said:

In case of images you can let them upload what they want, but ensure that it is in highest possible quality. For the output you define width x height, quality and even output format (jpeg), if they use png were not appropriate. 🙂

thanks @horst didnt know you could convert the type as well as size.

Share this post


Link to post
Share on other sites
17 hours ago, flydev said:

Just a suggestion, as @wbmnfktr said, you should limit the size for the video on client editing. Then give them a note that they have to use **a video converter from a web service** prior to upload the video to the backend.

With https://clipchamp.com/en/products/utilities your video can be reduced from 72MB to 15MB with a really decent quality.

Settings are : 

Preset:  Web
Resolution:  720p
Format:  mp4
Quality:  Medium
 
You should give a try ✌️
ps: I am not affiliated with them but there are a free plan. Mods, feel free to remove the link..

looks good, but I dont really want to sign up for a monthly fee to get the watermark off for a single video 😞

Share this post


Link to post
Share on other sites

If you are on a Mac, I can strongly recommend ff Works for encoding anything. It uses FFmpeg, which you can use via command line for free, but with a nice GUI. 😉

  • Like 1

Share this post


Link to post
Share on other sites

I have ff Works too and often use it to covert video files. While I like its GUI and  ffmpeg too, the fact that ff Work's GUI is not mac OS native makes it a bit cumbersome to use in some cases but for the price/features ratio I have not found a better alternative.

  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By MarcoPLY
      Hi everyone,
      a year ago we had put online a first version of our website, which didn't satisfy me much and had several bugs. This year I started working on a complete restyling, both in terms of functionality and graphic. I am very happy with the result obtained. Finally, last week we put this version online that I am proud to show you!
      Site EU: https://www.playwood.it/
      Site USA: https://www.us.playwood.it/
      It is an eCommerce for a small StartUp, the PlayWood, based in Reggio Emilia, Italy.
      The site is multilingual, has two areas of purchase and has two levels of registration. Redirectory based on the source IP for the USA customer and preferred language in the browser for the others countries. It has systems for use registration and sending emails dependent on specific actions, like: registration, purchase, request for quotes, information request, etc. Through the API the site communicates with external platforms such as the management software, Mailchimp and other systems to support marketing and company operations. 
      The site is constantly evolving, in the future we intend to add new features.
      The site was created with these modules:
      Padloper  Login/register Media Library ProCache PayPal Checkout Subscribe to Mailchimp Tracy Debugger Cookie Management Banner Continent and country names ImagePicker Field Map Marker External libraries:
      Spectre, scss framework Swiper slideshow verlok/lazyload fancybox
      Creating this site with ProcessWire represented a moment of strong professional growth. When I started I had little knowledge of some types of language, but Processwire and its APIs give me the ability to easily build pages, manipulate data and integrate any external library easily. Thus, I was able to deepen my knowledge more and more. So I wanted to thank the creators of the cms, who keeps it and who implements it, obviously all the people in the forum for the help they gave me, was very important.
      Thank you!


       




    • By schwarzdesign
      We recently finished a relaunch of  the website of the consulting firm Engfer Consulting: engfer-consulting.de. Built with ProcessWire 3 and Bootstrap 4.
      Features
      Bilingual website (UPDATE: The English page is now available! the English page is inactive at the moment, as the content is not ready yet) A strong, simple data structure for job offers and news, allowing for a custom search page and fulltext search Sectioned content-blocks built with a Repeater Matrix (ProFields) Reusable components available as page reference fields Automatic generation of open graph-tags, with manual overrides available on each page Contact forms with a custom recipient depending on the current page Modules used:
      ProFields ProForms Sitemap Cookie Management Banner Duplicator Tracy Debugger Wire Mail SMTP Admin Links in FrontEnd Technical insights
      Most of the content is built using a Repeater Matrix field. Each section has an optional heading and a select-field for background colors. Some of the sections available include:
      Text blocks (a repeater-field for multi-column text) Feeds / listing of the latest job offers or news (with a field to control the number of entries shown) Displaying a team member or quote (selected through a page reference field) Downloadable files (a multivalue field for file uploads) Those sections can be combined and stringed together arbitrarily, so any number of page templates showing different contents can be built. The job offers template, in contrast, features fixed fields for taxonomy assignment, description, contact person, preview image and so on, making the job offer pages uniform and easily accesible.
      The (technically) most interesting part of the site is the job overview page, which contains custom filters that are automatically generated from the available taxonomy terms.
      The stylesheets are written in SASS, built with Bootstrap 4. Only the base and grid SASS files of Bootstrap are included, along with the Bootstrap components that we ended up using. Using Bootstrap 4 as a framework in this way makes development & styling blazingly fast, once all the utility classes are commited to muscle memory ...
      > Our Agency.
      Screenshots









    • By kuba2
      Hello
      I need to make a small, easy Webshop for a friend. He is selling 4 music albums.
      What would be the best way to go?
      Is there a sensible solution for a webshop within processwire? 
      Thanks
      Jakob
    • By prestoav
      Hi folks,
      I have a marketplace site built on PW which I'd like to tie to a subscription payment system for those selling. The user accounts currently use specific PW user accounts. I'm looking closely at PayWhirl to manage payments and subscriptions as it looks ideal for subscriptions. Their API seems to work well too from initial testing.
      I wondered if anyone else in this super forum had used PayWhirl and had any advice or tips & tricks?
      Thanks.
      https://app.paywhirl.com/
    • By Samk80
      Hi there community,
       
      I'm new to this site. Basically I just discovered processwire. I was always a fan of Joomla but recently I came across a site which was designed by processwire. I looked at some of modules on processwire website but couldn't find the module I need.
       
      I want to create a website that does the custom configuration of a product and provides product filtering.
      Something similar to this site but not exactly the same.
       
      Is there a module that can do that?
       
      Basically the product configuration is done by checking the compatibility values between the categories, so the module need to support product tagging or some sort of value check to only display compatible products. 
       
×
×
  • Create New...