Giter VIP home page Giter VIP logo

themefisher / vex-hugo Goto Github PK

View Code? Open in Web Editor NEW
194.0 10.0 270.0 8.55 MB

Vex is a product landing page Hugo theme. It is fully responsive and beautifully crafted with Product Showcase, Testimonials, and Email Subscription sections.

Home Page: https://gethugothemes.com/products/vex/?utm_source=vex_github&utm_medium=referral&utm_campaign=github_theme_about

License: MIT License

HTML 98.26% JavaScript 0.16% SCSS 1.58%
e-commerce snipcart e-commerce-template hugo-ecommerce-theme hugo-theme blog-theme hugo static-site-generator jamstack ecommerce-theme hugo-ecommerce hugo-site gethugothemes mit-license

vex-hugo's Introduction

Vex Hugo

Vex is a clean multipurpose e-commerce theme that makes building your first online store easier than ever.

license code size contributors follow on Twitter

screenshot

🔑Key Features

  • 📄 10+ Pre-Designed Pages
  • 🌍 Multiple language support (Fr, En)
  • 📊 Google Analytics support
  • 🎨 CSS and JS bundle with Hugo Pipe
  • ⚙️ Netlify settings predefine
  • 🅱️ Bootstrap Based
  • ✉️ Contact form support
  • 📧 Mailchimp integration
  • 🚀 Google Page Speed optimized
  • 🌐 Open Graph meta tag
  • 🐦 Twitter Card meta tag

📄 10+ Pre-Designed Pages

  • 🏠 Home Page
  • 📄 Product Page
  • 📝 Product Single Page
  • 🛒 Cart Page
  • 💳 Checkout Page
  • 📚 Blog Page
  • 📝 Blog Single Page
  • 🔒 Privacy Page
  • 📞 Contact Page
  • 🔒 Terms and Condition Page

🔧Local development

# clone the repository
git clone [email protected]:themefisher/vex-hugo.git

# cd in the project directory
$ cd vex-hugo/exampleSite/

# Start local dev server
$ hugo server --themesDir ../..

Or Check out Full Documentation.

⚙️Deployment and hosting

Deploy to Netlify

Follow the steps.

🐞Reporting Issues

We use GitHub Issues as the official bug tracker for the Vex Template. Please Search existing issues. Someone may have already reported the same problem. If your problem or idea has not been addressed yet, feel free to open a new issue.

📱Submit Your Website To Our Showcase

Are you using Vex Hugo theme? Submit it to our showcase.

Our showcase aims to demonstrate to the world what amazing websites people like you have created utilizing our Hugo themes and to show that Hugo has tremendous capabilities as a Static Site Generator.

View all the websites powered by Vex Hugo from here.

Submit your Vex Hugo powered website.

📄License

Copyright © Designed by Themefisher & Developed by Gethugothemes

Code License: Released under the MIT license.

Image license: The images are only for demonstration purposes. They have their licenses. We don't have permission to share those images.

🙏Special Thanks

👨‍💻Hire Us

Besides developing unique, blazing-fast Hugo themes, we also provide customized services. We specialize in creating affordable, high-quality static websites based on Hugo.

If you need to customize the theme or complete website development from scratch, you can hire us. Check Our Services

💎Premium Themes By Us

Mega-Bundle-HUGO Hargo Loogbook
Get 55+ Premium Hugo Themes Bundle Hargo logbook

vex-hugo's People

Contributors

0xflotus avatar anthonyfok avatar automationd avatar craterbrain avatar dotob avatar eug48 avatar faarhadhossen avatar kausarpial avatar keisukeyamashita avatar mehedi-sharif avatar shampaakter avatar somratpro avatar sztheory avatar tffarhad avatar tflijon avatar tfsomrat avatar tfsumon avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vex-hugo's Issues

Improve the Google PageSpeed Insights score

Hello,
I test my website with PageSpeed Insights : https://developers.google.com/speed/pagespeed/insights/?hl=fr&url=https%3A%2F%2Fnextcloudbox.netlify.app%2F

The result is bad (47/50) :
https://i.ibb.co/RShhw49/score.png

The JavaScript delivered by the CDN is very low to load and the recommendation is to Remove unused JavaScript.
Is it possible to set the loading in last of the entire web site to improve the PageSpeed Insights score ?

Moreover, an other recommendation is to Eliminate render-blocking resources which include the following :

/css?family=Droid+Serif:400%7cJosefin+Sans:300,400,600,700(fonts.googleapis.com)
…bootstrap/bootstrap.min.css(nextcloudbox.netlify.app)
…themefisher-font/themefisher-font.min.css(nextcloudbox.netlify.app)
…slick/slick.min.css(nextcloudbox.netlify.app)
…default/snipcart.css(cdn.snipcart.com)
/scss/style.min.css(nextcloudbox.netlify.app)
...

Another recommendation is to :

  • Ensure text remains visible during webfont load
  • Does not use passive listeners to improve scrolling performance
  • Serve static assets with an efficient cache policy

Could you verify each Google recommendation on my web site and improve the theme to optimize it?
The modifications you will implements will optimize also others people theme.
Thanks.

Mobile view jumbled

Checked mobile view of the live demo and all text and images are overlapping

App Store Buttons

Hi,

Thank you for a great theme!

How can I go about adding buttons on the page(s) using the official Play Store and App Store graphics (with links to the stores) on the home page in the different sections?

I would like to do this in the banner section and in the promo section.

Thanks!

How can I disable the snipcart globally?

Thanks for sharing the wonderful theme.
We want to disable the snipcart globally, like the cart icon in menu and the add to cart button, is there any parameter to control the enable/disable this feature?

Switching language and clicking on menu item jumps back to English

Hello,

  1. Please edit exampleSite/data/fr/homepage.yml

Change

testimonial:
  enable : true
  title : "Watch Review"

to

testimonial:
  enable : true
  title : "French Review"
  1. Go back to homepage
  2. Switch to French
  3. Scroll down, until you see the review displaying "French Review"
  4. Now click on Review on the menu.

Screenshot 2021-01-11 at 08 44 27

The language switches back to English and the review displays Watch Review instead of French Review.

This should really just scroll down to the same French page, not switching it back to English.

Many Thanks,
Houman

Vex-hugo theme changes not reflecting in local dev env?

I have built a site off vex, made some changes (e.g. changed font of theme to Helvetica) and deployed to netlify and all looks good.

When I try to launch my forked local repository with hugo server I get Error: module "vex-hugo" not found; either add it as a Hugo Module or store it in "/xxxx/project/exampleSite/themes".: module does not exist.

I have cloned vex-hugo into /xxxx/ and then it launches with hugo server --themesDir ../.. but it's using the theme in the /xxxx/vex-hugo folder, not the theme in /xxxx/project so it's not taking the styling. However netlify is fine.

I'm new to hugo, any clues what's going on? Thanks

How to add internal links to navigation bar?

I would like to add navigation menu items to scroll to different areas of the current page instead of taking me to other pages. The config.toml file specifies these as:

[[menu.main]]
name = "About Us"
URL = "blog"
weight = 3

When I change the url to "#blog" to point to an internal link, the website does not compile with that hashtag, but a "/" gets inserted automatically.

How can I point to internal links from the navigation menu and once I get that working, should I add the internal element into one of the html partials in the theme configuration?

Thank you for your help!

Vex-hugo generates two analytics.js in source

I have found a bug.

When entering the Google Analytics in config.toml the vex-huge theme is loading two analytics.js on top and bottom of <head> tag.

<head>
<script async src="https://www.google-analytics.com/analytics.js"></script>
...
<script type="application/javascript">...</script>
<script type="application/javascript">...</script>
<script async src="https://www.google-analytics.com/analytics.js"></script>
</head>

It's very easy to reproduce:

1) Download the Vex-hugo https://github.com/themefisher/vex-hugo.git
2) vim ./vex-hugo/exampleSite/config.toml
set -> googleAnalytics = "UA-111111111-1" 
and save.
3) cd ./vex-hugo/exampleSite
4) hugo server --themesDir ../..

Thanks,
Houman

How to set Fr langage by default ?

Hello,
I would like to set Fr language by default on my web site. I don't want to set manually Fr instead of En.
How to do that ?
Thanks.

Theme does not compile correctly

I cannot get the hugo theme to display properly when I run hugo server
Essentially, all I have done is clone the theme into the themes folder, and copied the example site config.toml file over to the sites main directory. When I do so, the webpage looks like this. How do I fix this?
Capture

Installation is very confusing

Hi,

I am new to hugo and trying to understand how I can install and use this theme on a skeleton site? The installation instructions don't make much sense, I'm afraid :(

Thanks!

Multilingual

Does someone try to convert hugo-vex in multilingual theme ?
Trying to use the data files method with no success...
Help needed ;)

Cannot add Google Analytics to theme

Hi Somrat,

I tried adding Google Analytics by just adding the code in the correct variable in config.toml but I could not get it to work. Running google's tags extension it found 2 errors and one warning. I've tried to investigate and can see two references in head.html to google_analytics.html and google_analytics_async.html but cannot locate those files. Are they supposed to be bundled with the theme or is this a bug? What am I missing?

Thank you for your help. I've added you to an issue on my repo with a couple of screenshots to further illustrate the problem.

vex-hugo don't generate a robot.txt file

Hello,
Why vex-hugo don't generate a robot.txt file with inside URL of the sitemap ?
The content normally should be :

Sitemap: http://the_address_of_the_site/sitemap.xml
User-agent:*
Disallow:

Could you add this functionality ? If you can't, please can you tell me how can I put it ?
Thanks.

Open links in new tab?

Hi, I'm trying to open some links from homepage.yml in a new tab. Example

In homepage.yml section:
content : " Some content [link](https://example.com] more content"

In partial.html:
{{ .content | markdownify }}

I have tried the .../layouts/_default/_markup/render-link.html workaround for Goldmark, but it does not work when passing the content through the short code as done in vex-hugo theme.

Thanks for your help!

Borken URL on Home button when I am in french

Hello,
When I use the french version of the site and after a click on Home button, I am redirected on :
https://mywebsite.netlify.app/fr/the-where-i-was/fr/
and not
https://mywebsite.netlify.app/fr/
How to fix it ?
Thanks.

Add data url for "subscribe" form

Thanks for a great theme.
I'd like to request an option to pass a data url to <action="#" class="w-100"> as well as something like netlify. Maybe an optional "custom parameter"?

Looks like an easy fix, I'm wondering if I'm missing something?

"Domain crawling error" message by snipcart

Hello,
I use snipcart in test mode. I not modify URL, just created my products and added. When I want to buy an article, I have the message : "Domain crawling error".
url
I already added my domain on snipcart :
url
How can I fix it ?
Thanks.

Multilingual only applies to post content?

I have been trying to implement the multilingual features of the template, and it only appears to apply to the post content. I can't seem to get the navigation menu to be multilingual. Am I missing something here?

Product Slider isn't displaying when language direction is RTL

Hello,

To simplify the steps, lets give French a Right-To-Left direction. But the same happens when using Persian or Arabic.

  1. Download the Vex-hugo https://github.com/themefisher/vex-hugo.git
  2. vim ./vex-hugo/exampleSite/config.toml
  3. Scroll down to French and add LanguageDirection = "rtl"
  4. Open layouts/_default/baseof.html and change the html line to
<html lang="{{ with site.Language.Lang }}{{ . }}{{ else }}en-US{{ end }}" dir="{{ site.Language.LanguageDirection | default "ltr" }}">

Because the current one is wrong. It doesn't inject the language and direction. (That's another bug that you can fix if you like. But the real issue is below)

  1. Open Products, click on a watch. As you see there is no slider.

You can open the source code and change <html lang="fr" dir="rtl"> to <html lang="fr" dir="ltr"> and the slider appears again. :-)

I think this is a bug in the javascript, but I'm not sure.

Screenshot 2021-01-11 at 08 22 37

Thanks,
Houman

The structure of the web site URL don't respects the Snipcart prerequisite

Hello,
I can't validate a transaction with Snipcart because the URL don't respects the structure :
Structure
According the documentation : https://docs.snipcart.com/v3/setup/order-validation
Snipcart needs a structure like that : https://mysite.com/products/1 and I have https://mysite.netlify.app/products/product-6/
Also, Snipcart needs a metadata : data-item-url and I haven't that.

Could you check where is my error on the configuration of the site ? This is the URL :
https://nextcloudbox.netlify.app/products/
This is the repo : https://github.com/nextcloudbox/nextcloudbox
Thanks.

How to install the vex-hugo?

Hi sir or madam,

I download the vex-hugo and use the themes. However, there were nothing after i run the code "hugo server --theme=vex-hugo —buildDrafts".

if i should install the Bootstrap 4 before the vex-hugo applied. i don't know how to install or use this themes. Could you please give some detailed guide or code for MAC?

Thanks
Hemi

stylesheet.css

Hi,

I was finding that when I used this theme, there was an issue with the stylesheet causing the different elements of the page to overlap when viewed on a phone or tablet- features being printed overtop the promo etc.

changing the .hero-area from vh to % solved it, eg:

.hero-area {
  height: 90%;

Cheers

Add line breaks in homepage.yml

Hi, I'm trying to add line breaks on a subtitle element on the homepage.yml file but cannot figure out how to force a line break. I have tried inserting
,
, \n, |

subtitle : "I want a line break here.
Thanks!"

Thank you for your help :)

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.