Giter VIP home page Giter VIP logo

zen4all-nl / collect-info-through-tabs-in-new-style-for-zen-cart Goto Github PK

View Code? Open in Web Editor NEW
2.0 3.0 1.0 3.53 MB

Collect Info Through Tabs In New Style (Cittins)

Home Page: https://www.zen-cart.com/showthread.php?223068-Collect-Info-Through-Tabs-In-New-Style-(CITTINS)-Support-Thread&p=1337614#post1337614

License: GNU General Public License v2.0

PHP 97.28% CSS 2.72%
zencart zencart-module zen-cart php zencart-backend

collect-info-through-tabs-in-new-style-for-zen-cart's Introduction

Zen Cart Collect Info Through Tabs In New Style (CITTINS)

Table of Contents

Attention

This module is still under development. Currently we are at version 2.0.0 beta 9.

The latest stable version is 1.0.2 found here.

Information

The current collect info page can be quite long, and is not very user friendly. Therefore I started searching for a better solution.

After looking at many other shopping cart frameworks, I got a pretty good idea of how I wanted the new collect info page to look. It became a page with tabs for different categories of information. The default tabs are:

  • General
  • Data
  • Manufacturer
  • Image
  • Metatags

This is the information that is currently available by default on the product collect info pages.

New tabs can easily be added. I added a few available in the "Extra_tabs" folder. These are:

  • attributes
  • category
  • information
  • quantity discounts

Copy these folders to your server, and Cittins will pick them up, and display them.

Additional information can be found in the documentation folder.

Features

There are many new features added to the Zen Cart functionality. Below I mentioned some per page.

Category and Product Listing

  • Improved page layout and styling
  • Easy sorting by using the arrows in the table heading
  • Set which columns you want to see on screen
  • Added buttons to navigate up on folder, or go to the top level
  • Checkboxes to delete move or copy multiple categories or products at once.

Category edit

  • Tabs are added to split the shown data into smaller blocks
  • After saving you stay on the edit page. This makes storing you edits easier on long edit sessions

Product edit

  • Tabs are added to split the shown data into smaller blocks
  • After saving you stay on the edit page. This makes storing you edits easier on long edit sessions
  • Extra tabs can be added to show more data, and allowing to edit it in one go. Without the need to go to a separate page
  • Add/Edit/Delete Main image, and additional images

Product Layout Editor

  • Select which fields show in the collect info page
  • Edit the sort order and tabs, fields are shown on
  • Add/Edit/Delete tabs and or fields

Some screen shots

screenshot1 screenshot2 screenshot3 screenshot4

Installation

Installation is simple:

  1. Download CITTINS
  2. Unzip the downloaded zip file
  3. Read the instructions from the readme found in the documentation folder, or here.

collect-info-through-tabs-in-new-style-for-zen-cart's People

Contributors

zen4all avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

torvista

collect-info-through-tabs-in-new-style-for-zen-cart's Issues

Preview request

Would it be possible to have a preview in these tabs after all is "entered" and saved? The specific reasons are these:

  • sometimes, accented characters might not show properly if not entered properly
  • if graphics or videos are embedded in the description, it would give an idea what it would look like

This is just for convenience, before going back to the front end and see what it looks like and have to go back and edit whatever needs tweaking.

Thanks again for working on this. The backend has always been annoying to use, especially for multilanguage sites.

Products with extra tables will not save

When saving a product that contains database fields in tables other than 'products', and 'products_description', will fail to save.

Code needs to be added to save these fields

Convert form static to dynamic product fields

Currently all product fields are hard-coded in the product collect_info page, and there is a lot of code duplication for each product type. This is a pain for those people writing mods and need to add extra fields to the page.

Time for a change, and try to make this easier.

After much trial and error, I came to this solution:

  • Place all the fields in separate files
  • Use a database table to save which fields are to be shown in a product type
  • Put new fields in new tables PRODUCTS_EXTRA, and PRODUCTS_EXTRA_DESCRIPTION (multi language fields) Decided not to do this for better compatibility with existing extra fields
  • create new fields
  • delete fields
  • Add product types
  • Edit product types
  • Remove product types
  • Add tabs
  • Edit tabs
  • Remove tabs
  • Load fields in collect info
  • Load/build database query from fields
  • Load language defines
    Parts of this are based/inspired on the Numinix product fields module.

page BUG

Thank you for your timely modification, great plugin, but it still error, please refer to:๏ผš

1.Bottom of page :

// attribute copier to product case 'attribute_features_copy_to_category': $_GET['categories_update_id'] = ''; $heading[] = array('text' => '
' . TEXT_INFO_HEADING_ATTRIBUTE_FEATURES . $pInfo->products_id . '
'); $contents = array('form' => zen_draw_form('products', FILENAME_ZEN4ALL_CATEGORIES_PRODUCT_LISTING, 'action=update_attributes_copy_to_category&cPath=' . $cPath . (isset($_GET['page']) ? '&page=' . $_GET['page'] : ''), 'post', 'class="form-horizontal"') . zen_draw_hidden_field('products_id', $pInfo->products_id) . zen_draw_hidden_field('categories_update_id', $_GET['categories_update_id']) . zen_draw_hidden_field('copy_attributes', $_GET['copy_attributes'])); $contents[] = array('text' => zen_draw_label(TEXT_COPY_ATTRIBUTES_CONDITIONS, 'copy_attributes', 'class="control-label"') . '
' . zen_draw_radio_field('copy_attributes', 'copy_attributes_delete', true) . TEXT_COPY_ATTRIBUTES_DELETE . '
' . zen_draw_radio_field('copy_attributes', 'copy_attributes_update') . TEXT_COPY_ATTRIBUTES_UPDATE . '
' . zen_draw_radio_field('copy_attributes', 'copy_attributes_ignore') . TEXT_COPY_ATTRIBUTES_IGNORE . '
'); $contents[] = array('text' => zen_draw_products_pull_down_categories('categories_update_id', 'class="form-control"', '', true)); $contents[] = array('align' => 'center', 'text' => ' '); break; // attribute copier to product case 'attribute_features_copy_to_product': $_GET['products_update_id'] = ''; // excluded current product from the pull down menu of products $products_exclude_array = []; $products_exclude_array[] = $pInfo->products_id; $heading[] = array('text' => '
' . TEXT_INFO_HEADING_ATTRIBUTE_FEATURES . $pInfo->products_id . '
'); $contents = array('form' => zen_draw_form('products', FILENAME_ZEN4ALL_CATEGORIES_PRODUCT_LISTING, 'action=update_attributes_copy_to_product&cPath=' . $cPath . (isset($_GET['page']) ? '&page=' . $_GET['page'] : ''), 'post', 'class="form-horizontal"') . zen_draw_hidden_field('products_id', $pInfo->products_id) . zen_draw_hidden_field('products_update_id', $_GET['products_update_id']) . zen_draw_hidden_field('copy_attributes', $_GET['copy_attributes'])); $contents[] = array('text' => zen_draw_label(TEXT_COPY_ATTRIBUTES_CONDITIONS, 'copy_attributes', 'class="control-label"') . '
' . zen_draw_radio_field('copy_attributes', 'copy_attributes_delete', true) . TEXT_COPY_ATTRIBUTES_DELETE . '
' . zen_draw_radio_field('copy_attributes', 'copy_attributes_update') . TEXT_COPY_ATTRIBUTES_UPDATE . '
' . zen_draw_radio_field('copy_attributes', 'copy_attributes_ignore') . TEXT_COPY_ATTRIBUTES_IGNORE . '
'); $contents[] = array('text' => zen_draw_products_pull_down('products_update_id', 'class="form-control"', $products_exclude_array, true)); $contents[] = array('align' => 'center', 'text' => ' '); break;

2.product page

1146 Table 'some.product_tabs_names' doesn't exist
in:
[SELECT pt.*, ptn.tab_name FROM product_tabs pt LEFT JOIN product_tabs_names ptn ON pt.id = ptn.id AND language_id = 1 ORDER BY pt.sort_order, ptn.tab_name]
If you were entering information, press the BACK button in your browser and re-check the information you had entered to be sure you left no blank fields.

Saving product through ajax

Saving the product when pressing the save button, but without leaving the edit page. This wil also make the preview_info.php and update_product.php pages obsolete

  • - save product info
  • - save product image

Change Color of Save Button

When a change is made to a filed or radio button the color of the save button should change to indicate there are unsaved changes

admin_html_head.php BUG

prompt
zen4all_categories.php on line 25

required 'includes / admin_html_head.php'
error

The file admin_html_head.php does not exist

php7.2 zen-cart 1.5.6

Additional images

Provide an easy way to add additional to a product without the need of using an ftp program

  • - upload new image
  • - edit image
  • - delete image
  • - update UI according to action

Rewrite to minimize ZC core file changes

The first release had a great impact on the zen cart core files, making the installation more difficult.
The solution : make all the changes in new files. This also removes a lot of old/duplicate/obsolete code

  • - Category / Product Listing
  • - Categorie Edit
  • - Product Edit
    - [ ] - Product Type Layout Editor moved to new issue

Attribute tab

This will be a tab where options/attributes can be added to a product

Main Image

  • - Add image
  • - Edit image
  • - Delete image
  • - Update UI according to action

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.