Git Product home page Git Product logo

yithemes / yith-proteo Goto Github PK

View Code? Open in Web Editor NEW
30.0 8.0 4.0 5.77 MB

Proteo is a sleek, modern and “Gutenberg-friendly” e-commerce theme. Developed with a beautiful UI and a minimal design, is perfect for each kind of shop. Easy to manage and to customize, Proteo is the best solution if you want a complete e-commerce template and start quickly to sell your products with WooCommerce without a technical knowledge. Use it also for corporate site or a blog: there are no limits about what you can do with a beautiful and usable theme like this!

Home Page: https://proteo.yithemes.com

License: GNU General Public License v2.0

PHP 48.73% JavaScript 4.12% CSS 34.64% SCSS 12.52%
wordpress-theme wordpress gutenberg-theme gutenberg-compatible block-editor

yith-proteo's Introduction

Latest release WordPress Theme Rating GitHub Release Date License Last commit Code size WordPress Theme Required PHP Version

YITH Proteo

YITH Proteo is a modern, fast and fully customizable WooCommerce theme.
Designed and developed by YITH - a team of top developers of premium plugins and themes - with a beautiful UI, a minimal design and an optimized code, is perfect for each kind of site or shop. With the Proteo Wizard you can import our demo content with just a few clicks - in less than 2 minutes! - and easily customize it using the advanced front-end customizer.
Proteo is the best solution if you want a complete WooCommerce theme that works perfectly also in mobile devices and start quickly to sell your products with WooCommerce without technical knowledge.
Works perfectly with page builders like Elementor, Gutenberg & Visual composer.

Key features:

  • WooCommerce Ready
  • Responsive with a perfect mobile design
  • Compatible with Elementor, Gutenberg, Visual Composer and others page builders
  • Translation Ready
  • Frontend customizer with hundred of options to customize header, footer, pages, typography, style, ecc.
  • Google fonts support
  • Regularly updated and improved with new demos and advanced features
  • Support to all YITH plugins.

Check all our YITH Proteo demos: https://proteo.yithemes.com/

YITH Proteo is distributed under the terms of the GNU GPL.

Screenshot

Theme screenshot

Installation & Development

Requirements

YITH Proteo requires the following dependencies:

Setup

To start using all the tools that come with YITH Proteo you need to install the necessary Node.js dependencies :

$ npm install

Available CLI commands

YITH Proteo comes packed with CLI commands tailored for theme development :

  • grunt watch : starts a watcher for your .scss files and compilate them to .css when saved.
  • grunt uglify : uglify and minimize all bundled .js files.
  • grunt default : compiles .scss files into .css file and uglify all .js files. Map files are added for the main .css files to help you debug and navigate the source .scss files.
  • grunt dist : compiles .scss files into .css file and uglify all .js files. No .css sourcemap added. Use this prior to create a bundle package using the next npm run bundle command.
  • npm run bundle : generates a .zip archive for distribution, excluding development and system files.

Windows users note

If you run into problems while using grunt tasks, it may be necessary to do, only the first time, the following:

  • open the Git Bash console with Administrative permissions
  • npm install -g sass
  • npm install -g grunt-cli

Documentation

You can view detailed YITH Proteo documentation on the YITH documentations website.

Translations

YITH Proteo translations can be downloaded from WordPress.org.

To use one of these translations it is recommended that you upload it to the folder wp-content/languages/themes/.

Adding .mo files to this location means the file will not be lost when you update the theme.

Contribute to localize YITH Proteo

Localization is a very important part of every WordPress theme.

We have a project on translate.wordpress.org. You can join the localization team of your language and help by translating YITH Proteo.

Help & support

You can post help requests on the WordPress support forums. Please remember, GitHub is for bug reports and contributions, not support.

yith-proteo's People

Contributors

alarocca130 avatar aletorrisi avatar fralicandro avatar francgrasso avatar giuseppearcifa avatar kloukas avatar mklasen avatar mte90 avatar zikziko 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

yith-proteo's Issues

Google Font

Changing the Google Font link in Customize->Yith Theme Options it doesn't work with any font.
It's work only with Montserrat font family.

Terms and conditions are being shortened on checkout page

Woocommerce runs the woocommerce_short_description over the terms and conditions that are displayed on the checkout page. The yith_proteo_limit_woocommerce_short_description function is hooked into this filter. This results in only showing the first 40 words from the Terms and conditions page.

I've created a PR with a fix here: #8

widget_yith_proteo_account_widget icon is an img

Actually is impossible to dinamically change the color of this icon because it's an img tag and the only manipulatoin we can apply is a filter property, not the ideal use case here.

$output .= '<img src="' . esc_url( apply_filters( 'yith_proteo_account_widget_image_url', $icon ) ) . '" width="25" loading="lazy">';

I suggest to change the icon with the font-icon version or just inject the full SVG code in the HTML so we can use the fill css property in order to dinamically change the color according to the selected theme option.

Ref: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Fills_and_Strokes#using_css

Actual issue example here:

menu-issue-1

Buttons orders page on mobile device out of screen

Hi,

I found an issue on the orders page in the frontend. The table is not fully showable on a mobile screen, causing the buttons to only show for about 50%.

I've attached a screenshot of it.

Thanks,

Neal
IMG_3823

It is not really an issue

Hi, I was looking to communicate with you because I have a question.
I would like to know if you are going to update the code to work with a more recent version of fontawesome?
If it is positive and if it helps I've pushed the old version of Yith that I have where I updated the files to work with a more recent version of fontawesome.

Thanks. I also hope I can help.

Page Templates & Documentation

Hi.

Is there any documentation available with how to set-up the theme to look and feel like the demo? Your documentation is missing?

I don't seem to have any page templates?

Make logo disappear on sticky header

Consider to put an option in order to make the logo disappear on the sticky version of the header.

This will be a very nice to have option in the sticky section of customizer.
It's very easy to implement and sometime saves a lot of space, specially in the "logo centered" version of the header.

PoC:

.site-header.sticky .site-branding.SHOW-BRAND-ATTR .site-title {
    display: none;
}

Some issues with Safari

Great Theme. Thanks for the work.
I've downloaded the latest master from this GitHub and I found a few issues with Safari
(1) On Safari the Comments in sidebar doesn't render on normal view. It only renders in Customizer view. They render fine on firefox and chrome and don't have this issue.
(2) On Safari, the search button bleeds into right side if sidebar is on left. If sidebar is on right the search button works fine. However, if you zoom out it renders fine on safari. On firefox and chrome this works all right.
(3) Failed to load resource: the server responded with a status of 404 (Not Found) for themes/yith-proteo/bootstrap-grid.css.map in Safari

Missing Customizer Options (WooCommerce Product Catalog)

I noticed the wordpress customizer is missing 4 options that are documented in the official docs found here:
https://docs.yithemes.com/yith-proteo/shop-options/product-catalog/

I attempted to troubleshoot this and found the code for these missing customizer options in \inc\customizer\panels\woocommerce\product-catalog.php.

Missing options (WooCommerce Product Catalog):
Add to cart style (yith_proteo_products_loop_add_to_cart_style)
Add to cart font size (yith_proteo_product_catalog_add_to_cart_font_size)
Add to cart position (yith_proteo_products_loop_add_to_cart_position)
Show “View details” link (yith_proteo_product_loop_view_details_enable)

I tried disabling all plugins other than WooCommerce and the problem persisted.

I also checked my database for wp_options -> theme_mods_yith-proteo-child and it does not contain the values for the 4 missing options.

I don’t see what is causing the issue. Please let me know if you can help!

My cusomizer view (WooCommerce->Product Catalog)
image

Documented options from YITH
image

Incompatibility: gridlist-view-for-woocommerce (by BeRocket)

Hello. After the update, there was an incompatibility between the latest release of the theme and the plugin
https://ru.wordpress.org/plugins/gridlist-view-for-woocommerce/

The catalog display breaks, the settings for the number of products and lines do not work.
I did not find similar functionality among your plugins.
Perhaps this change is affecting, but I did not understand how to use it
"Tweak: migrate css products list layout from float and flex to grid"

Disable Google Font

Hi,
Great Theme & Thanks for the work.
How to disable google font, and add custom font by uploading corresponding font files in child theme?
Any help appreciated.

'Warning: Invalid argument supplied for foreach'

I have this issue with the Yith-Proteo theme and i dont know how to solve it.

Thanks!

Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153 Warning: Invalid argument supplied for foreach() in /usr/home/newyami2.com/web/wp-content/themes/yith-proteo-master/inc/customizer/custom-controls/class-google-font-select-custom-control.php on line 153

Elementor pro adding to cart issue

Hi!

Great theme! I am experiencing some issues with Yith Proteo on my website. When I add a product to the cart, the header breaks. I think this is due to Elementor pro, as when it is deactivated the issue goes away. The installed plugins are:

Advanced Product Fields for WooCommerce
All-in-One WP Migration
Async JavaScript
Autoptimize
Breadcrumb NavXT
CartFlows
Contact Form 7
EditorsKit
GDPR Cookie Consent
Elementor
Elementor - Header, Footer & Blocks
Elementor Pro
Hostinger
Insert Headers and Footers
Mailchimp for WooCommerce
MC4WP: Mailchimp for WordPress
Site Kit by Google
Starter Templates
Stripe For WooCommerce
WebARX
Webcraftic Robin image optimizer
WooCommerce
WooCommerce Cart Abandonment Recovery
WooCommerce PayPal Checkout Gateway
WPForms Lite
YITH Proteo Toolkit
YITH Slider for page builders
YITH WooCommerce Product Slider Carousel
YITH WooCommerce Wishlist
Yoast SEO

WP version: 5.6
PHP version: 7.2.34

An image is attached:
image

kind regards,
Jakob

Obsolete CSS proprierties

As example:

flex-direction: column;
-webkit-flex-direction: column;

https://caniuse.com/?search=flex-direction
Flex direction is supported by chrome 29/2013 without the prefix

Also with the rest of flexbox proprierties

Like also for

-webkit-transition: 0.25s ease;
    -moz-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;

Also for

 -webkit-box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.29);

Remove this stuff can save space on the css file.

Read more is not localized

As you can see on

return '<a class="more-link" href="' . get_permalink() . '">' . esc_html( get_theme_mod( 'yith_proteo_blog_read_more_text', 'Read more &#10230;' ) ) . '</a>';

the string doens't have the textdomain so is not translated also if the string localization is in the po file.

Contact form 7 error visible upon site loading

The notification system for Proteo seems to show the Contact Form 7 alert element for a short period of time when loading the site.

The element in question:
<div class="wpcf7-response-output" role="alert" aria-hidden="true"></div>

Screenshot:
image

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.