Giter VIP home page Giter VIP logo

sschreiertabproductdetailpage's Introduction

A extension for tabs for the product detail page for Shopware 6

A extension for tabs for the product detail page, which can be displayed before or after the reviews tab. The content of the tabs comes either from the rich text editor at the product or from a snippet. The tabs are also displayed when assigning a product page layout. When you increase the value from the constant NUMBER_TABS in the file SschreierTabProductDetailPage.php in the src-directory before the installation, you can add so much tabs as you like.

Possible Configurations

  • select, if the tabs should be shown before the rating tab
  • set the number of characters from which the preview text in smaller resolutions should be truncated
  • select, if tab 1 should be filled via a snippet
  • set the headline of tab 1 via snippet
  • set the content of tab 1 via snippet
  • select, if tab 2 should be filled via a snippet
  • set the headline of tab 2 via snippet
  • set the content of tab 2 via snippet
  • select, if tab 3 should be filled via a snippet
  • set the headline of tab 3 via snippet
  • set the content of tab 3 via snippet
  • select, if tab 4 should be filled via a snippet
  • set the headline of tab 4 via snippet
  • set the content of tab 4 via snippet
  • select, if tab 5 should be filled via a snippet
  • set the headline of tab 5 via snippet
  • set the content of tab 5 via snippet

Available snippets

  • tabHeadlineFillViaSnippet
  • tab2HeadlineFillViaSnippet
  • tab3HeadlineFillViaSnippet
  • tab4HeadlineFillViaSnippet
  • tab5HeadlineFillViaSnippet
  • tabHeadline
  • tabContentPreviewMore
  • tabContentPreviewText
  • tabContentFillViaSnippet
  • tab2ContentFillViaSnippet
  • tab3ContentFillViaSnippet
  • tab4ContentFillViaSnippet
  • tab5ContentFillViaSnippet
  • tabContent

How to install the extension

via console (recommended)

  1. Download the latest SschreierTabProductDetailPage-master.zip.
  2. Unzip the zip file and rename the folder to SschreierTabProductDetailPage.
  3. Move the folder to the project folder custom/plugins/ .
  4. Connect to the console via ssh:
bin/console plugin:refresh
bin/console plugin:install --activate SschreierTabProductDetailPage

via composer

  1. Add the repository URL to the composer.json of the project
"repositories": [
    ...,
    {
        "type": "vcs",
        "url": "https://github.com/sschreier/SschreierTabProductDetailPage"
    }
],
  1. Connect to the console via ssh and install the plugin source code via the command
composer require sschreier/sschreiertabproductdetailpage
bin/console plugin:refresh
bin/console plugin:install --activate SschreierTabProductDetailPage

via zip upload

  1. Download the latest SschreierTabProductDetailPage-master.zip.
  2. Unzip the zip file and rename the folder to SschreierTabProductDetailPage.
  3. Zip the folder to SschreierTabProductDetailPage.zip.
  4. Upload the zip in the Shopware Administration.
  5. Install & Activate the extension.

extension update (zip)

  1. Download the latest SschreierTabProductDetailPage-master.zip.
  2. Unzip the zip file and rename the folder to SschreierTabProductDetailPage.
  3. Zip the folder to SschreierTabProductDetailPage.zip.
  4. Upload the zip in the Shopware Administration.
  5. Update the extension.

Images

default description tab

default description tab

custom tab headline and content via product custom field

custom tab headline and content via product custom field

extension configuration part 1

extension configuration

extension configuration part 2

extension configuration

custom tab headline and content in shopware administration

custom tab headline and content in shopware administration

sschreiertabproductdetailpage's People

Contributors

sschreier avatar

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.