Facebook

[facebook idPage = "apollotheme"]

Youtube

[youtube width = "600" height = "350" video = "aE7-KZVXvJs"]

Font impressionnant

[icon iconClass = "enveloppe"] [icon iconClass = "graphique à barres"] [icon iconClass = "moto"] [icon iconClass = "automobile"] [icon iconClass = "coeur"]

Alerte

                        [alert type = "success" message = "Il s'agit d'un type d'alerte Success"] [alert type = "info" message = "Il s'agit d'un type d'alerte Info"] [alert type = "warning" message = "Il s'agit d'un type d'alerte Warning" ] [type d'alerte = "danger" message = "Il s'agit d'un type d'alerte Danger"]

Bouton

                        Type de bouton [type de bouton = "défaut" text = "Par défaut" url = "http://www.shopify.com/"] [type de bouton = "primaire" text = "Primaire"] [type de bouton = "succès" texte = "Succès"] [type de bouton = "Info" text = "Info"] [type de bouton = "Danger" text = "Danger"] [type de bouton = "Lien" text = "Lien" url = "http: // www.shopify.com/ "isOpen =" isOpen "] Taille du bouton [button type =" default "text =" Taille par défaut large "size =" lg "] [type de bouton =" primaire "text =" Taille principale par défaut "] [type de bouton = "succès" text = "taille de réussite petite" taille = "sm"] [type de bouton = "info" texte = "taille extra petite" taille = "xs"] Blocage de bouton [type de bouton = "Danger" text = "Bloc de taille dangereuse" isBlock = "block"] Bouton Lien [type de bouton = "défaut" text = "Valeur par défaut et lien" url = "http://www.shopify.com/"] [type de bouton = "primaire "text =" Primary et link ouvrent un nouvel onglet "url =" http://www.shopify.com/ "isOpen =" isOpen "]
Type de bouton
Taille du bouton
Bloc de boutons
Lien de bouton

accordéon shortcode

                        [action accordéon = "nouveaux accordéons" class = "demoaccordion"] [action accordéon = "nouvel accordéon" title = "exemple de titre d'accordéon 1" active = "1"] Vous pouvez ajouter html [action d'accordion = "fin accordéon"] [ accordéon action = "nouvel accordéon" title = "échantillon du titre d'accordéon 2"] Vous pouvez ajouter un autre shortcode [accordion action = "fin accordéon"] [action accordéon "nouveau accordéon" title = "échantillon du titre d'accordéon 3"] que vous pouvez ajouter image [accordion action = "fin accordéon"] [action accordéon = "fin accordéons"]
Vous pouvez ajouter du HTML
Vous pouvez ajouter un autre shortcode
Vous pouvez ajouter une image

Onglet par défaut Aligner à gauche

                            [onglet action = "nouveaux onglets"] [onglet action = "nouvelle couverture-onglet-liste"] [onglet action = "nouvelle onglet-liste" title = "onglet 1" active = "active"] [onglet action = "nouveau onglet "title =" Onglet 2 "] [onglet action =" nouvel onglet "title =" onglet 3 "] [onglet action =" nouvel onglet "title =" onglet 4 "] [onglet action =" fin couverture-onglet-liste "] [onglet action =" nouvel onglet-contenu "] [onglet action =" nouvel onglet "active =" active "] onglet de contenu 1 [onglet action =" fin onglet "] [ onglet action = "nouvel onglet"] onglet Contenu 2 [onglet action = "fin onglet"] [onglet action = "nouvel onglet"] onglet Contenu 3 [onglet action = "fin onglet"] [ onglet action = "nouvel onglet"] onglet Contenu 4 [onglet action = "fin onglet"] [onglet action = "fin onglet-contenu"] [onglet action = "onglets fin"]
                        
Onglet Contenu 1
Onglet Contenu 2
Onglet Contenu 3
Onglet Contenu 4

Onglet ci-dessous

                            [tabbelow action = "nouveaux onglets"] [tabbelow action = "nouveaux onglets"] [tabbelow actions = "nouveaux tabs" active = "active"] onglet Contenu 1 [tabbelow actions = "fin onglet"] [tabbelow action = "nouvel onglet"] onglet Contenu 2 [tabbelow action = "fin onglet"] [tabbelow action = "nouveau onglet"] onglet Contenu 3 [tabbelow action = "fin on-panel"] [tabbelow action = "nouvel onglet"] onglet de contenu 4 [tabbelow action = "fin onglet"] [tabbelow action = "fin tab-content"] [tabbelow action = "nouveau cover-tab-list"] [ tabbelow action = "nouvel onglet" title = "onglet 1" active = "actif"] [onglet tabbelow = "nouvel onglet" title = "onglet 2"] [onglet tabbelow = "nouvel onglet" title = "Onglet 3"] [action tabbelow = "nouvelle liste d'onglets" title = "Onglet 4"] [action tabbelow = "fin de la liste des onglets de couverture"] [action tabbelow = "des onglets de fin"]
                        
Onglet Contenu 1
Onglet Contenu 2
Onglet Contenu 3
Onglet Contenu 4

Onglet vertical

                            [action tabvertical = "nouveaux onglets"] [action tabvertical = "nouvelle liste de couvertures"] [action tabverticale = "nouvelle liste d'onglets" title = "Onglet 1" active = "active"] [action tabverticale = "nouveau onglet "title =" onglet 2 "] [action tabvertical =" nouvel onglet "title =" onglet 3 "] [onglet Tabvertical =" nouvel onglet "title =" Onglet 4 "] [onglet Tabvertical =" fin cover-tab-list "] [action tabvertical =" nouveau contenu d'onglet "] [action tabvertical =" nouveau panneau d'onglets "active =" active "] onglet de contenu 1 [action tabvertical =" fin d'onglets "] [ action tabvertical = "nouvel onglet"] onglet Contenu 2 [action tabvertical = "fin onglet"] [action tabvertical = "nouvel onglet"] onglet Contenu 3 [action tabvertical = "fin on-panel"] [ action tabvertical = "nouveau panneau d'onglets"] onglet Contenu 4 [action tabvertical = "fin onglet"] [action tabvertical = "contenu de tabulation"] [action tabvertical = "tabulations de fin"]
                        
Onglet Contenu 1
Onglet Contenu 2
Onglet Contenu 3
Onglet Contenu 4

Boite à lumière

[lightbox url = "http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113" text = "Le contenu est image" class = "btn btn-info"
Le contenu est une image
[lightbox url = "# id-content-html" text = "Le contenu est html"] <div id = "id-content-html" style = "display: none;" > Ceci est du contenu HTML, vous pouvez ajouter un autre texte, des codes courts: <br/> <br/> [bouton isOpen = "open" type = "primary" text = "Commence ici" url = "http: //www.shopify .com / "class =" btn btn-info "] </ div>
Le contenu est en html
[lightbox url = "https://www.youtube.com/embed/oWVqEXUMYTOopE?autoplay=9" text = "Type iFrame" type = "iframe" class = "btn btn-info"]
Type iFrame
[lightbox url = "http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113" text = "L'effet est atténué" effect = "fade" class = " btn btn-info "] [lightbox url =" http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113 "text =" L'effet est élastique "effect = "élastique" class = "btn btn-info"] [lightbox url = "http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113" text = " L'effet est none "effect =" none "class =" btn btn-info "]
L'effet est fondu L'effet est élastique L'effet est nul
[lightbox url = "http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113" text = "Image 1" effect = "fade" type = "galerie "SkipJs" .jpeg? v = 1 "text =" Image 1 "effect =" fade "type =" galerie "skipJs =" true "rel =" galerie-0740 "] [lightbox url =" http://cdn.shopify.com /s/files/5717/42/3/products/99124_8b4bd5-c6-2be-74e3-31a1aeaaaf1425525113b_large.jpeg?v=2 "text = "image 1" effet = "galerie fade" type = "" rel =" galerie- 1 "]
image 1 image 2 image 3

Boite à lumière

[tooltip placement = "left" type = "button" text = "Infobulle à gauche" title = "Infobulle à gauche" class = "my-tooltip" id = "id-tooltip-1" url = "http: // shopify .com "isOpen =" open "] [tooltip placement =" right "type =" span "text =" Infobulle à droite "title =" Infobulle à droite et lien "class =" my-tooltip "id =" id-tooltip -2 "url =" http://shopify.com "] [tooltip placement =" top "type =" bouton "text =" Info-bulle en haut "title =" Infobulle en haut et pas de lien "class =" mon-infobulle "id =" id-tooltip-3 "] [tooltip placement =" bottom "type =" span "text =" Infobulle sur le bas "title =" Infobulle en bas et pas de lien "class =" my-tooltip "id =" id-tooltip-4 "]
Info-bulle à droite Info-bulle sur le fond

Bac

    [box action = "nouveau box" class = "box-default" width = "1"] [box action = "nouvel en-tête"] L'en-tête box [box action = "en-tête de fin"] [box action = "nouveau contenu" ] Vous pouvez ajouter du code HTML ou d’autres codes abrégés [button type = "primary" text = "En savoir plus →" url = "http://www.shopify.com/"] [box action = "fin du contenu"] [box action = "boîte de fin"]
                        
La boite en-tête
Vous pouvez ajouter du HTML ou d'autres codes courts

    <div class = "row"> [box action = "nouvelle box" class = "box-default" width = "2"] [box action = "nouvel en-tête"] L'en-tête box [box action = "en-tête de fin"] [box action = "nouveau contenu"] Nos services de graphisme sont également stellaires [button type = "primary" text = "En savoir plus →" url = "http://www.shopify.com/"] [box action = "contenu de fin"] [action de boîte = "boîte de fin"] [action de boîte = "nouvelle boîte" class = "boîte-défaut" width = "2"] [action de boîte = "nouvel en-tête"] L'en-tête de boîte [action de boîte = "en-tête de fin"] [box action = "nouveau contenu"] Nos services de conception graphique sont également stellaires [button type = "primary" text = "En savoir plus →" url = "http://www.shopify.com/ "] [box action =" fin du contenu "] [box action =" fin box "] </ div>
                        
La boite en-tête
Nos services de graphisme sont également excellents
La boite en-tête
Nos services de graphisme sont également excellents

    <div class = "row"> [box action = "nouvelle box" class = "box-default" width = "3"] [box action = "nouvel en-tête"] L'en-tête box [box action = "en-tête de fin"] [box action = "nouveau contenu"] Nos services de graphisme sont également stellaires [button type = "primary" text = "En savoir plus →" url = "http://www.shopify.com/"] [box action = "contenu de fin"] [action de boîte = "boîte de fin"] [action de boîte = "nouvelle boîte" class = "boîte-défaut" width = "3"] [action de boîte = "nouvel en-tête"] L'en-tête de boîte [action de boîte = "en-tête de fin"] [box action = "nouveau contenu"] Nos services de conception graphique sont également stellaires [button type = "primary" text = "En savoir plus →" url = "http://www.shopify.com/ "] [box action =" contenu final "] [box action =" fin box "] [box action =" nouvelle box "class =" box-default "width =" 3 "] [box action =" nouvel en-tête "] L'en-tête box [box action = "end header"] [box action = "nouveau contenu"] Nos services de graphisme sont également stellaires [button type = "primary" text = "En savoir plus →" url = "http: // www.shopify.com/ "] [box action =" contenu final "] [box action =" boîte finale "] </ div>
                        
La boite en-tête
Nos services de graphisme sont également excellents
La boite en-tête
Nos services de graphisme sont également excellents
La boite en-tête
Nos services de graphisme sont également excellents

ligne

[line class = "hr-default" size = "1"] [line class = "hr-green" size = "10"]



curseur

    [action carrousel = "nouveau curseur" class = "mon-carrousel-1"] [action carrousel = "afficher les indicateurs" total = "3" actif = "1"] [action carrousel = "nouvelle diapositive de liste"]] [action carrousel = "nouvelle diapositive" active = "active"]
    
    <img src = "http://placehold.it/1600x400/333333/FFFFFF&text=Slide+1" alt = "altttttttt"> <div class = "carousel-caption"> Légende 1 </div> [carousel action = " fin de la diapositive "] [action du carrousel =" nouvelle diapositive "] <img src =" http://placehold.it/1600x400/333333/FFFFFF&text=Slide+2 "alt =" altttttttt "> <div class =" carrousel-caption "> Légende 2 </div> [carousel action =" end slide "] [carousel action =" new slide "] <img src =" http://placehold.it/1600x400/333333/FFFFFF&text=Slide+3 "alt = "altttttttt"> <div class = "carousel-caption"> Légende 3 </div> [carousel action = "end slide"] [carousel action = "end list slide"] [carousel action = "display control"] [ action carrousel = "curseur de fin"]
                        

curseur 2

Liste des produits

[productlist handle = "women" columnsProduct = "3" limit = "6" class = "my-product-list" id = "id-product-list"]

OwlCarousel

    [action owlcarousel = "nouvelle owlcarousels" class = "demo-carrousel" columns_item = "1"] [action owlcarousel = "nouvelle owlcarousel"] <img alt = "Collection d'automne 2015" src = "// cdn.shopify.com/ s / fichiers / 1 / 0766 / t / 6813 / assets / slideshow_image_2.jpg "> [action owlcarousel =" fin owlcarousel "] [action owlcarousel =" nouvelle owlcarousel "] <img alt =" Autumn Collection 1 "sr "//cdn.shopify.com/s/files/2015/1/0766/t/6813/assets/slideshow_image_2.jpg"> [owlcarousel action = "end owlcarousel"] [owlcarousel action = "new owlcarousel"] alt = "Collection d'automne 2" src = "// cdn.shopify.com/s/files/2015/1/0766/t/6813/assets/silideshow_image_2.jpg"> [owlcarousel action = "end owlcarousel"] action = "end owlcarousels"]
                        

Liste de produits du carrousel

[productcarousel title = "Liste de produits" handle = "femmes" item_in_page = "4" columns_product = "4" product_in_tab = "8" intervalle = "10000"]

Liste de produits


OwlCarousel Liste de produits

[productowlcarousel title = "Liste de produits" handle = "femmes" columns_product = "4" product_in_list = "16" intervalle = "10000"]

Liste de produits


Shortcode Instagram

Comment obtenir Instagram "identifiant client".

Obtenir l'ID utilisateur et accessToken

    [Classe instagram = "demo-instagram" title = "Demo Instagram" clientId = "981ec7c9426149c5b01a775543b9ade0" get = limite "populaire" = résolution "10" = "low_resolution"] [instagram class = titre "demo-instagram" = "Demo Instagram "Noncum" "LocationID =" » limit = "981" résolution = "low_resolution"] [instagram class = titre "demo-instagram"= "Demo Instagram" clientId = "7ec9426149c5c01b775543a9b0ade10" accessToken = "981b7e9426149e5.ea01d775543c9d0a10af981efb7c9426149dc5" get = "user" userId = "01" limit = "775543" resolution = "low_resolution"]
                        

Démo Instagram