Just nu i M3-nätverket
Gå till innehåll

Hur skall jag göra en show/hide el dropdown meny?


RebeckasSmycken

Rekommendera Poster

RebeckasSmycken

Hej jag vill gärna ha hjälp med min webbutik jag skapat via tictail och byggt om själv en hel del.

Har under ett antal timmar försökt pilla med att göra en show and hide/drop down meny på min prduktlista men får verkligen inte rätt på det.

 

Ni kan ju gå in och kolla butiken och se vad jag menar http://www.rebeckas-smycken.com och sen trycka på fliken "Mina Produkter"

 

Jag har ju en produktlista med undermenyer

 

Det är dessa undermenyer jag vill ska vara show and hide eller ha som dropdown.

 

 

Jag har sökt under ånga herrans timmar om hur jag på enklast vis kan göra en show/hide eller dropdown lista för mina undermenyer.

 

Jag kan ju länka min kod här så ser ni hur den är upp byggd

 

Vore toppen om nån kunde hjälpa mig då jag inte alls är så insatt i detta verkar det som!

 

Jag har förstått så mycket att det handlar om sub_parent och sub_child

<!DOCTYPE html><html lang="en"><head>    <meta name="Rebeckas Smycken" content="Välkommen till Rebeckas Smycken. Här kan du hitta smycken och piercingar till bra och låga priser. Fri frakt på ordrar som når 300:-. Välkommen" />    <meta property="og:description" content="Välkommen till Rebeckas Smycken. Här kan du hitta smycken och piercingar till bra och låga priser. Fri frakt på ordrar som når 300:-. Välkommen"/>    <meta charset="utf-8">    <title>        {{store_name}}        {{! Add the label of the current navigation item on list pages }}        {{#list_page}}{{#navigation}}{{#is_current}}- {{label}}{{/is_current}}{{/navigation}}{{/list_page}}        {{! Add the product title on product pages }}        {{#product_page}}{{#product}}- {{title}}{{/product}}{{/product_page}}        {{! Add "About" on the about page }}        {{#about_page}}- {{#lang}}About{{/lang}}{{/about_page}}    </title>    <link href='//fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>    <link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>    <link href="{{assets_url}}/shared/css/base.css" rel="stylesheet" type="text/css">    <style>    /* ******************************    GENERAL    ****************************** */    body {        background-repeat: repeat-y;        background-attachment: fixed;        background-size: cover;        background-image:url("http://i.imgur.com/7AenwoP.jpg");        background-color: #c4c4c3;        margin: 0 0 60px;        font-family: 'Bitter', serif;        font-size: 14px;        line-height: 2;        color: #5b5b5b;    }    h1 {        margin: 0 0 20px;        font-size: 24px;        line-height: 20px;        color: #000;    }    h2 {        margin: 0 0 20px;        font-size: 16px;        line-height: 24px;        color: #000;    }    a {        color: #afafaf;        text-decoration: none;    }    .row {        font-size: 0;        line-height: 0;    }    .column {        display: inline-block;        vertical-align: top;        font-size: 14px;        line-height: 1;        /* Fix for Internet Explorer 7 */        *display: inline;        zoom: 1;    }    #container {        width: 924px;        margin: 0 auto;    }    /* ******************************    HEADER    ****************************** */    header {        position: relative;        margin-bottom: 20px;        text-align: center;        /* Fix for Internet Explorer 7 */        z-index: 1;    }    #search_container {        position: absolute;        top: 11px;        right: 101px;    }    #logotype {        display: inline-block;        margin: 20px 0 20px;        font-size: 44px;        font-weight: normal;        color: #000;        text-decoration: none;    }    #logotype:hover {        color: #505258;        text-decoration: none;    }    #logotype img {        width: 720px;        margin-bottom: 20px;        vertical-align: middle;    }    /* ******************************    NAVIGATION    ****************************** */    #main_navigation {        position: relative;        background-image:url('http://i.imgur.com/OT9yzk1.jpg');        height: 100px;    }    #main_navigation ul {        text-align: center;        padding-left: 4px;    }    #main_navigation li {        font-family: "Comic Sans MS";        color: #000;        overflow: hidden;        font-size: 15px;        letter-spacing: 1px;        text-overflow: ellipsis;        text-transform: none|capitalize|uppercase|lowercase|initial|inherit;        background:url("http://www.informaticsoutsourcing.com/images/right-arrow.png") no-repeat left center;    }    #main_navigation a {        display: inline-block;        padding: 40px 25px;    }    #main_navigation a:hover {        opacity: 0.5;    }    #main_navigation .selected a {        color: #fff;        text-shadow: 0 1px 2px #000;    }    /* ******************************    SEARCH    ****************************** */    #tictail_search input {        width: 166px;        height: 26px;        padding: 0 18px 0 10px;        background: url('{{assets_url}}/77561/search-icon.png') no-repeat 170px #1e2020;        font-family: 'Lucida Grande', 'Arial', sans-serif;        font-size: 11px;        color: #adb1b2;        border: 1px solid #151717;        box-shadow: 0 1px rgba(255, 255, 255, 0.08);    }    #tictail_search input:focus {        outline: 0;    }    #tictail_search_results {        width: 194px;        margin-top: 0px;        margin-left: 0px;        background-color: #fff;        -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);        -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);        border: 1px solid #e5e5e5;        font-size: 13px;        color: #505258;        font-weight: normal;    }    #tictail_search_results .item {        border-top: 1px solid #dae1e3;    }    #tictail_search_results .title {        font-weight: bold;        color: #505258;    }    #tictail_search_results .price,    #tictail_search_results .currency{        font-size: 13px;        font-weight: normal;        color: #969491;        margin-top: -5px;    }    /* ******************************    SUBNAVIGATION    ****************************** */    #subnav{        font-family: "Comic Sans MS";        width: 250px;        font-size: 13px;        font-weight: normal;        line-height: 26px;        margin: 0 0 0 20px;        padding: 6px 0 0 0;        float: left;        text-align: center;    }    #subnav_container_top{        height: 50px;        width: 250px;        background-image:url('http://i.imgur.com/U5KAlfb.jpg');    }    #subnav_container{        background-repeat: no-repeat;        padding: 0 20px 0 20px;        background-image:url('http://i.imgur.com/7lDZQz2.jpg');    }    #subnav_container_bottom{        height: 50px;        width: 250px;        background-image:url('http://i.imgur.com/lJqRyFz.jpg');        margin-bottom: 20px;    }    .subnav_parent{        display: inline-block;        letter-spacing: 1.6px;        text-transform: uppercase;        font-weight: bold;    }    .subnav_parent a{        color: #525354;    }    .subnav_parent a:hover{        color: #000;    }    .subnav_parent.selected a {        color: #000;    }    .subnav_child{        display: block;        padding-bottom: 10px;    }    .subnav_child a{        color: #949697;    }    .subnav_child a:hover{        color: #515354;    }    .subnav_child .selected a{        color: #de4b11;    }    .subnav_child .selected{        border-top: 1px dotted #de4b11;        border-bottom: 1px dotted #de4b11;        background:url('{{assets_url}}/77561/selected-arrow.png') no-repeat right center;    }    /* ******************************    LIST PAGE    ****************************** */    .product_container_top{        height: 13px;        background-image:url('http://i.imgur.com/r44jbqj.jpg');    }    .product_container{              background-image:url('http://i.imgur.com/NTSDJNc.jpg');    }    .product_container_bottom{        height: 200px;        background-image:url('http://i.imgur.com/nn96jMm.jpg');    }    .product_list {        padding: 8px 0 0 20px;    }    .has_navigation{        display: inline-block;        width: 600px;    }    .product_list li {        width: 280px;        margin: 0 20px 20px 0;        background-color: #fff;        text-align: center;    }    .product_list a {        display: block;    }    .product_list .image_container {        overflow: hidden;        min-height: 280px;        padding-bottom: 10px;        border-bottom: 1px solid #dae1e3;        line-height: 280px;    }    .product_list .image_container img {        max-width: 280px;        max-height: 280px;        vertical-align: middle;    }    .product_list li:hover .image_container{        border-bottom: 1px solid #aeb7ba;    }    .product_list li:hover h2{        color: #228fdc;    }    .product_list li:hover .price{        color: #63605c;    }    .product_list h2{        font-size: 15px;        font-weight: bold;        color: #000080;        margin-top: 3px;        text-overflow: ellipsis;        white-space: nowrap;        overflow: hidden;    }    .product_list .price {        color: #000000;        font-weight: normal;    }    .product_list .currency {        font-size: 12px;    }    .product_list .out_of_stock {        font-size: 12px;        font-style: italic;    }    /* ******************************    PRODUCT PAGE    ****************************** */    #product{        position: relative;    }    #product_info {        padding: 5px 20px 0 20px;    }    #product_info .details_bg_container_top{        width: 296px;        height: 60px;        background-image: url('http://i.imgur.com/b48UGNr.jpg');    }    #product_info .details_bg_container{        padding-left: 24px;        background-image: url('');    }    #product_info .details_bg_container h1 {        padding-right: 20px;    }    #product_info .details_bg_container_bottom{        width: 296px;        height: 60px;        background-image: url('http://i.imgur.com/9C0ELLs.jpg?1');    }    #product_info .image_container {      width: 568px;      text-align: center;      border: 1px solid #d9d9d9;      margin-bottom: 16px;      position: relative;    }    #product_info .image_container img {        max-width: 568px;    }    #product_info .slideshow_images{        width: 100%;        height: 100%;        position: relative;        text-align: center;    }    #product_info .slide_image{        display: inline-block;    }    #slideshow_thumbnails {      display: inline-block;      margin: 10px 0 10px 0;      position: absolute;      bottom: 5px;      width: 100%;      left: 0;    }    #slideshow_thumbnails img{        border: 1px solid #d9d9d9;    }    #slideshow_thumbnails img:hover{        border: 1px solid #505258;        cursor: pointer;    }    #product_info .details_container {        width: 296px;        float: right;        margin-bottom: 10px;    }    #product_info h1 {        font-family: "Comic Sans MS";        font-size: 18px;        margin: 1;        font-weight: bolder;        color: #000000;        line-height: 2.5em;        text-align: center;    }    #product_info .details_container .price {        margin: 8px 0 0;        padding-bottom: 15px;        margin-right: 24px;        font-size: 14px;        color: #000000;        border-bottom: 1px bold #dfddda;        text-align: center;    }    #product_info .tictail_variations_select{        width: 248px;    }    #product_info .variations_container {        margin: 15px 0;    }    .add_to_cart {        margin: 15px 24px 15px 0;        position: relative;    }    #product_info .details_container .out_of_stock {        margin: 15px 24px 15px 0;        text-align: center;        font-style: italic;        color: #505258;    }    #product_info .terms {        font-family: "Comic Sans MS";        margin: 0 24px 0px 0;        padding: 0 0 5px 0;        font-size: 11px;        text-align: center;        color: #afafaf;    }    #product_info .tictail_social_buttons {        padding-right: 20px;        padding-bottom: 5px;        text-align: center;    }    #product_info .terms a:hover{        color: #505258;    }    #product_info .description {        margin: 10px 0 20px;        font-family: "Comic Sans MS";        font-weight: normal;        font-size: 14px;        line-height: 2em;        color: #85888a;        text-align: center;    }    #related_products {        margin-top: 9px;        padding-bottom: 40px;        width: 568px;        position: relative;            }    #related_products li{        width: 176px;        padding-left: 20px;        text-align: center;        display: inline-block;        vertical-align: top;    }    #related_products li:first-child{        padding-left: 0;    }    #related_products h2 {        letter-spacing: 1.4px;        margin: 0 0 20px 0;        font-size: 12px;        font-weight: bold;        text-align: left;        color: #525354;        text-transform: uppercase;    }    #related_products h3 {        font-size: 13px;        font-weight: bold;        line-height: 20px;        color: #505258;    }    #related_products .price{        color: #969491;        font-weight: left;    }    #related_products .out_of_stock{        font-style: italic;    }    #related_products li:hover h3{        color: #228fdc;    }    #related_products li:hover .price{        color: #63605c;    }    #related_products .image_container {        width: 176px;        height: 126px;        padding: 0;        text-align: center;        border: none;        overflow: hidden;        margin-bottom: 10px;        line-height: 126px;    }    #related_products .image_container img {        max-width: 176px;        vertical-align: middle;    }    /* ******************************    "ADD TO CART" BUTTON    ****************************** */    .tictail_add_to_cart_button {        height: 54px;        background-color: transparent;        border-style: none;        font-family: "Comic Sans MS";        font-size: 15px;        font-weight: normal;        color: #fff;        text-align: center;        text-transform: uppercase;        cursor: pointer;        letter-spacing: 2px;        text-shadow: 0 1px 2px #000;        width: 100%;    }    .tictail_add_to_cart_button:hover{         opacity: 0.9;    }        .cart_bg_left{        width: 14px;        height: 54px;        background-image: url('');        top: 0;        left: 0;        position: absolute;    }        .cart_bg{        margin-left: 14px;        margin-right: 14px;        background: url('http://i.imgur.com/CZh8TSH.jpg') repeat;    }    .cart_bg_right{        width: 14px;        height: 54px;        background-image: url('');        top: 0;        right: 0;        position: absolute;    }    /* ******************************    GENERIC PAGES    ****************************** */    .page_container {        padding: 10px 20px 40px 20px;    }    /* ******************************    CLEARFIX FOR LAYOUT    ****************************** */    .clearfix:after {        visibility: hidden;        display: block;        font-size: 0;        content: " ";        clear: both;        height: 0;    }    </style>    <!--[if lt IE 9]>    <script src="{{assets_url}}/shared/js/html5shiv.js"></script>    <![endif]--></head><body><div id="container">    <header>        <a id="logotype" href="{{store_url}}">            {{#logotype}}                <img src="{{url-1000}}" alt="{{store_name}}">            {{/logotype}}            {{#no_logotype}}                {{store_name}}            {{/no_logotype}}        </a>        <nav id="main_navigation">            <ul class="row">                {{! Highlight "All items" if we are on a list page and no navigation item is selected }}                <li class="column {{#list_page}}{{#no_current_navigation}}selected{{/no_current_navigation}}{{/list_page}}">                    <a href="{{store_url}}/products">                        {{#lang}}~Mina produkter~{{/lang}}                    </a>                </li>                                                    <li class="column {{#about_page}}selected{{/about_page}}">                    <a href="{{store_url}}/page/kontakt">                        {{#lang}}Kontakta Rebeckas Smycken{{/lang}}                                                  </a>                                          <li class="column {{#about_page}}selected{{/about_page}}">                    <a href="{{store_url}}/page/tipsochrad">                        {{#lang}}Tips & Råd{{/lang}}                    </a>                </li>                                        </li>                                                    <li class="column {{#about_page}}selected{{/about_page}}">                    <a href="{{store_url}}/page/about">                        {{#lang}}FAQ{{/lang}}                    </a>                </li>                {{#store_blog_url}}                <li class="column">                    <a href="{{store_blog_url}}" target="_blank">                        {{#lang}}Blog{{/lang}}                    </a>                </li>                {{/store_blog_url}}                    </a>                </li>                           </ul>            <div id=            </div>        </nav>    </header>{{#list_page}}{{! This block is rendered when displaying a list of products }}{{#on_index}}<img src="http://i.imgur.com/UQev4wT.jpg" width="920px" height="800px"/>{{/on_index}}{{^on_index}}    <section id="products">        <div class="product_container_top"></div>        <div class="product_container clearfix">            {{#navigation?}}            <div id="subnav">                <div id="subnav_container_top"></div>                {{#navigation}}                <div id="subnav_container">                    <li class="subnav_parent {{#is_current}}selected{{/is_current}}">                        <a href="{{url}}">                            {{label}}                                                    </a>                    </li>                    {{! Render the submenu if it has any navigation items }}                    {{#children?}}                                     <ul class="subnav_child">                        {{#children}}                        <li class="{{#is_current}}selected{{/is_current}}">                            <a href="{{url}}">                                {{label}}                                                    </a>                        </li>                        {{/children}}                    </ul>                    {{/children?}}                </div>                {{/navigation}}                <div id="subnav_container_bottom"></div>            </div>                                  {{/navigation?}}                    {{! Output a list if we have any products }}            {{#products?}}            <ul class="product_list row {{#navigation?}}has_navigation{{/navigation?}}">                {{#products}}                <li class="column">                    <a href="{{url}}">                        <div class="image_container">                            {{#primary_image}}                            <img src="{{url-300}}" alt="{{title}}">                            {{/primary_image}}                        </div>                        <h2>                            {{title}}                            <br />                            {{#in_stock}}                            <span class="price">{{price_with_currency}}</span>                            {{/in_stock}}                            {{#out_of_stock}}                            <span class="price out_of_stock">Out of stock</span>                            {{/out_of_stock}}                        </h2>                    </a>                </li>                {{/products}}            </ul>            {{/products?}}        </div>        <div class="product_container_bottom"></div>    </section>{{/on_index}}{{/list_page}}{{#product_page}}{{! This block is rendered when displaying a single product }}    <article id="product" itemscope itemtype="http://schema.org/Product">        {{#product}}        <div class="product_container_top"></div>            <div id="product_info" class="row clearfix product_container">                <div id="slideshow" class="image_container column">                    <div id="slideshow_images">                        {{#all_images}}                        <a class="fullscreen fullscreen_image" href="{{url-1000}}" data-fullscreen-group="product-{{id}}-images">                            <img src="{{url-1000}}" alt="{{title}}" itemprop="image" class="slide_image">                        </a>                        {{/all_images}}                    </div>                    <div id="slideshow_thumbnails">                        {{#all_images}}                            <img src="{{url-50}}" alt="{{title}}" itemprop="image">                        {{/all_images}}                    </div>                </div>                <section class="details_container column">                <div class="details_bg_container_top"></div>                <div class="details_bg_container">                    <h1 itemprop="name">{{title}}</h1>                    <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">                        <span itemprop="price">{{price_with_currency}}</span>                        {{! This is meta data for search engines etc. }}                        <meta itemprop="priceCurrency" content="{{currency_code}}">                        {{#in_stock}}                        <link itemprop="availability" href="http://schema.org/InStock">                        {{/in_stock}}                        {{#out_of_stock}}                        <link itemprop="availability" href="http://schema.org/OutOfStock">                        {{/out_of_stock}}                    </div>                    {{! The #add_to_cart block is only rendered if the product is in stock }}                    {{#add_to_cart}}                    <div class="variations_container">                        {{#variations_select}}{{/variations_select}}                    </div>                    <div class="add_to_cart">                        <div class="cart_bg_left"></div>                        <div class="cart_bg">                            {{#add_to_cart_button}}                            {{#lang}}Lägg till i varukorg{{/lang}}                            {{/add_to_cart_button}}                        </div>                        <div class="cart_bg_right"></div>                    </div>                    {{/add_to_cart}}                    {{! This block will be rendered instead of the #add_to_cart block when the product is out of stock }}                    {{#out_of_stock}}                    <div class="out_of_stock">                        {{#lang}}This product is out of stock{{/lang}}                    </div>                    {{/out_of_stock}}                    {{social_buttons}}                    <div class="terms">                        <div class="link">                            {{#return_policy}}                               {{#lang}}Return policy{{/lang}}                            {{/return_policy}}                            |                            {{#terms}}                                {{#lang}}Terms & Conditions{{/lang}}                            {{/terms}}                        </div>                    </div>                </div>                <div class="details_bg_container_bottom"></div>                    <div class="description html_content" itemprop="description">                        {{description}}                    </div>                </section>        {{/product}}        {{! Render a list of related products if there are any }}        {{#related_products?}}        <div id="related_products">            <h2>{{#lang}}Du kanske vill kolla in dessa fina smycken...{{/lang}}</h2>            <ul>                {{#related_products}}                <li>                    <a href="{{url}}">                        <div class="image_container">                            {{#primary_image}}                            <img src="{{url-300}}" alt="{{title}}">                            {{/primary_image}}                        </div>                        <h3>                                {{title}}                                {{#in_stock}}                                <br />                                <span class="price">{{price_with_currency}}</span>                                {{/in_stock}}                                {{#out_of_stock}}                                <br />                                <span class="price out_of_stock">{{#lang}}Out of stock{{/lang}}</span>                                {{/out_of_stock}}                        </h3>                    </a>                </li>                {{/related_products}}            </ul>        </div>        {{/related_products?}}        </div>        <div class="product_container_bottom"></div>    </article>{{/product_page}}{{#kontakt_page?}}<!-- Begin myContactForm.com Form HTML --><C><!-- Begin myContactForm.com Form HTML --><!-- Codes by HTML.am --><!-- Codes by HTML.am --><!-- Codes by HTML.am --><!-- Codes by HTML.am --><!-- Codes by HTML.am --><!-- Codes by HTML.am --><!-- Codes by HTML.am --><BR><BR><BR><div style="background:url(http://i.imgur.com/oAZBPzc.jpg) center center repeat;width:920px;height:800px;color:black;font-size:18px;border:0px solid #ccc;padding:0px;"><BR><BR><BR><!-- Begin myContactForm.com Form HTML --><form name="contactForm" id="contactForm" method="post"  action="http://www.mycontactform.com/sendform/sendform.php" style="width: 100%; border: 3px solid #000000; margin: 3; padding: 0; background-color: transparent;"><table summary="This table contains contact form fields." width="100%" cellpadding="0" cellspacing="0"> <tr style="margin: 0; padding: 0;">  <td style="border-bottom: 0px solid #D8D8D8; padding: 5px; clear: left; margin: 0;">  <label for="q1" style="float: left; width: 100%; display: block; padding-top: 4px; font-family: Arial; color: #000000; font-size: 14px;">Förnamn <span style="color: #FF0000">*</span></label> <input name="q1" id="q1" type="text" value="" size="20" maxlength="30"  required="required" />  </td> </tr> <tr style="margin: 0; padding: 0;">  <td style="border-bottom: 0px solid #D8D8D8; padding: 5px; clear: left; margin: 0;">  <label for="q8" style="float: left; width: 100%; display: block; padding-top: 4px; font-family: Arial; color: #000000; font-size: 14px;">Efternamn <span style="color: #FF0000">*</span></label> <input name="q8" id="q8" type="text" value="" size="20" maxlength=""  required="required" />  </td> </tr> <tr style="margin: 0; padding: 0;">  <td style="border-bottom: 0px solid #D8D8D8; padding: 5px; clear: left; margin: 0;">  <label for="email" style="float: left; width: 100%; display: block; padding-top: 4px; font-family: Arial; color: #000000; font-size: 14px;">Din E-Post <span style="color: #FF0000">*</span></label>  <input name="email" type="email" id="email" size="20" maxlength="100" required="required"  />  </td> </tr> <tr style="margin: 0; padding: 0;">  <td style="border-bottom: 0px solid #D8D8D8; padding: 5px; clear: left; margin: 0;">  <label for="subject" style="float: left; width: 100%; display: block; padding-top: 4px; font-family: Arial; color: #000000; font-size: 14px;">Ärende <span style="color: #FF0000">*</span></label>  <input name="subject" type="text" id="subject" size="20" maxlength="100"  required="required" />  </td> </tr> <BR> <tr style="margin: 0; padding: 0;">  <td style="border-bottom: 0px solid #D8D8D8; padding: 5px; clear: left; margin: 0;">  <label for="q7" style="float: left; width: 100%; display: block; padding-top: 4px; font-family: Arial; color: #000000; font-size: 14px;">Ditt meddelande </label> <textarea name="q7" id="q7" cols="45" rows="6"  ></textarea>  </td> </tr> </tr><tr style="margin: 0; padding: 0;">  <td style="background-color: transparent; padding: 0px; clear: left; margin: 0;">   <input name="user" type="hidden" id="user" value="RebeckasSmycken" />   <input name="formid" type="hidden" id="formid" value="411952" />   <input name="submit" type="submit" value="Skicka"  /> </td> <BR> </tr><tr style="margin: 0; padding: 0;">  <td style="background-color: transparent; padding: 5px; clear: left; margin: 0;"><span style="color: #FF0000">*</span> <span style="font-family: Arial; color: #000000; font-size: 14px;">Måste fyllas i</span> <span style="float: right; font-family: Arial; color: #000000; font-size: 14px;"><a href="http://www.rebeckas-smycken.com" target="_blank" title="Rebeckas Smycken"></a></span> </td> </tr></table></form><!-- End myContactForm.com Form HTML --><!-- End myContactForm.com Form HTML --><!-- End myContactForm.com Form HTML --><!-- End myContactForm.com Form HTML -->{{#kontakt_page}}{{/kontakt_page}}{{/kontakt_page?}}{{#tipsochrad_page?}} <BR></BR><H1><center>Tips & Råd</center></H1><BR><BR><center><H2>Vilken ringstorlek har jag?</H2><BR>Det finns många olika metoder till att ta reda på detta.<BR><BR>1. Gå till en guldbutik/guldsmed och få din storlek uppmätt där.<BR><BR>2.  Bind en bit tråd runt det finger du vill mäta. Bind den inte för hårt och mät därefter trådens längd i mm. Trådens längd motsvarar din storlek. (avrunda alltid uppåt)<BR><BR>3. Ta en befintlig ring du har hemma som passar och mät ringens invändiga omkrets med ett måttband. Den invändiga omkretsen motsvarar din storlek. (avrunda alltid uppåt)<BR><BR>4. Ta en befintlig ring du har hemma som passar och mät ringens invändiga diameter med ett skjutmått. Avläs måttet i mm och multiplicera detta med pi (3,14). Svaret representerar din storlek (avrunda alltid uppåt).</center><BR><BR><BR><center><H2>Hur vet jag att det är nickelfritt?</H2><BR>Då jag som säljare försöka hålla mig till nickelfria material skall du som kund kunna känna dig säker.<BR> När en produkt är "nickelsäker" betyder det att den inte släpper ut mer nickel än 0,5 mikrogram per cm2 och vecka.<BR> Den kan alltså innehålla nickel men isåfall är det så pass bundet i metallen att de flesta nickelallergiker inte reagerar på det. <BR>Det finns få personer som även reagerar på denna lilla tillåtna mängd nickel.<BR> Så vet du att du är extremt känslig avråder jag dig från att köpa silverpläterade smycken och satsa på material du vet att du tål.<BR> Vid fler frågor om detta och gällande mina smycken var vänlig och kontakta mig.</center><BR><BR><BR><center><H2>Hur undviker man nickel?</H2><BR>Begränsa kontakten med nickel.<BR> Aluminium, rostfritt stål, guld, silver och platina är vanligtvis säkra som alternativa metaller.</center><BR><BR><BR><BR><BR><center><H1>Tips och råd angående piercingar och töjningar</H1><BR><BR><BR><center><H2>Hur töjer jag mitt öra?</H2><BR>Först och främst behöver du ett hål i örat, börja inte töja fören det är helt läkt.<BR>Ett vanligt hål i örat brukar vara 0,8 mm till 1 mm, så att börja töja med 1,6 mm är en bra början.<BR> Om du inte har några hål i öronen ännu kan du även be piercaren börja pierca med större mm än vad som är vanligt.<BR> Då har du redan en större omkretts.<BR><BR>Ta de lugnt när du töjer, de ska aldrig göra ont och de ska inte blöda.<BR> Att massera öronlobben och stå i en varm dusch kan underlätta och gör att vävnaden slappnar av.<BR> Det blir då enklare att töja. Tvätta alltid händerna i antiseptik tvål eller liknande om du ska töja själv. <BR><BR>Använd olivolja som är organiskt eller Tea tree oil för att de ska glida lättare.<BR> Tryck i smycket så långt de går tills de känns varmt och kittlande.<BR> Igen, de ska inte göra ont, men det kan sticka lite.<BR><BR>Nu är de upp till din kropp när du kan börja töja igen.<BR> Alla är olika och de är såklart individuellt.<BR> De kan ta bara några dagar/veckor för vissa att komma upp till 6 mm och för andra flera månader.<BR> Stressa aldrig du kan förstöra örat för livet.<BR> Du måste alltid vänta tills ditt öra läkt helt tills du kan börja igen.<BR> Man brukar säga att en bra riktlinje är 1 mm per månad.</center><BR><BR><BR><center><H2>Kommer hålet att växa igen om jag tar ut smycket?</H2><BR>Att töja till 8 mm eller över betyder risker om du inte gör det rätt.<BR> Efter 15 mm eller över betyder ingen återvändo.<BR> Alltså hålet kommer aldrig dra ihop sig helt.<BR> Så var säker på att de är vad du vill innan du går till ett större töjsmycke.</center><BR><BR><BR><center><H2>Det började blöda, Vad gör jag?</H2><BR>Om de börjar blöda betyder de att du gjort någon vävnadsskada och spräckt i stället för att töja.<BR> Då är de bäst att ta ut smycket och låta de läka helt med ett mindre smycke eller utan tills du kan töja igen. <BR>Du kan också få fula ärrvävnader i resultat av stress töjning.</center><BR><BR><BR><center><H2>Hur ska jag på bästa sätt hålla örat rent?</H2><BR>Tvätta med koksalt eller antiseptik tvål. <BR>Gör de en till två gånger om dagen. <BR>Vrid smycket varsamt för att de inte ska fastna och tvätta också inne i hålet.<BR> <U>Kom ihåg tvätta alltid händerna innan det.</U></center><BR><BR><BR><center><H2>Vad har piercingar för material hos RebeckasSmycken?</H2><BR>Jag har piercingar av kirurgiskt rostfritt stål.<BR>Kulor och koner som sitter fast är gjort utav akryl.</center><BR><BR><BR><center><H2>Hur vet jag vilken längd jag har på stavar?</H2><BR>Enklaste vis är att du tar ditt eget smycke och mäter antalet millimeter med ett måttband då får du på bästa vis fram din rätta längd på staven.</center>{{#tipsochrad_page}}          <article id="tipsochrad" class="page_container">                         </div>        </article>    </div>    {{/tipsochrad_page}}{{/tipsochrad_page?}}{{#about_page?}}<BR></BR><H1><center>Frågor & Svar</center></H1><BR><BR><center><H2>Hur vet jag vilka smycken som är gjorda av dig?</H2>Genom att se mina produkter kan du på bilderna se en liten blomsterdetalj nere i vänstra hörnet av bilderna.<BR> Denna blomsterdetalj är en indikation på att jag handgjort smyckena och kunna skilja ur dom från övriga smycken jag ej har gjort.<BR>Det kommer även att stå i beskrivningen utav produkterna.</center><BR><BR><center><H2>Leveranser och varor</H2>Vad för fraktalternativ kan jag välja?RebeckasSmycken har just nu två frakt alternativ<BR><BR>1. PostenDå skickas ditt paket i en vadderad påse i storlek smallOBS: Tänk på att detta alternativ ej är spårbart<BR><BR>2. Schenker privpakSkickas ditt paket med Schenker privpak kommer du att tillhandahålla ett kollinummer där du sedan kan spåra din vara du köpt utav RebeckasSmycken <BR><BR>Vad du väljer för fraktalternativ är alltid bara upp till dig som kund att välja.</center><BR><BR><BR><center><H2>Hur lång tid ta leveranserna?</H2>Posten tar mellan 1-3 arbetsdagar<BR>Schenker Privpak tar mellan 2-7 arbetsdagar beroende på vart i landet du bor<BR><BR>Det är viktigt att du som kund meddelar mig om du ej mottagit din leverans inom 10 dagar så jag kan gå vidare med ärendet och kunna kontakta företagen som har hand om leveranserna.</center><BR><BR><BR><center><H2>Varför finns det inte fler fraktalternativ?</H2><BR>Då RebeckasSmycken är så pass nyöppnat har jag just nu endast Schenker och Posten som alternativ.<BR> Det kommer finnas fler alternativ i framtiden hos RebeckasSmycken</center><BR><BR><BR><center><H2>Varan jag vill ha är slut?</H2>Kontakta mig omgående om den varan du vill ha ej finns på lager. <BR> Då jag alltid köper in eller skapar egna smycken är det viktigt att du skickar information till mig på vad för smycke du vill ha, samt färg och storlek.</center><BR><BR><BR><center><H2>Jag vill ha ett personligt smycke, hur går jag tillväga?</H2>Informera RebeckasSmycken på vad du har för önskemål.<BR>Viktigt är att du meddelar vilken färg, storlek och vad för smycke du vill ha.<BR> Har du något speciellt material du vill ha kan högre kostnad att komma plus att leveransen kan bli några dagar längre då material kan behövas beställas hem.</center><BR><BR><BR><center><H2>Vilka smycken tillverkar RebeckasSmycken?</H2>RebeckasSmycken tillverkar följande:<BR>1. Örhängen<BR>2. Halsband<BR>3. Armband<BR><BR><U>Tyvärr gör inga graveringar</U></center>{{#about_page}}            <article id="about" class="page_container">                       </div>                  </div>        </article>    </div>    {{/about_page}}{{/about_page?}}</div><script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="{{assets_url}}/shared/js/jquery.masonry.2.1.03.min.js"></script><script>    var container = $('.product_list');    container.imagesLoaded(function(){        container.masonry();    });    if ($("#slideshow_images .slide_image").length == 1){        $("#slideshow_thumbnails").hide();    }    else{        $("#slideshow_images .slide_image").each(function(){            $(this).hide();        });        $("#slideshow_images .slide_image:first").show();    }    $("#slideshow_thumbnails img").click(function(){        var thumbnail_index = $(this).index();        $("#slideshow_images .slide_image:visible").hide();        $("#slideshow_images .slide_image:eq(" + thumbnail_index + ")").show();    });</script></body></html><!--Designed by Tyler Galpin for Tictail.Developed by Hannah Ahl.Want to create your own Tictail theme?Check out the documentation at https://tictail.com/docs-->

Tillägg:

Just nu kör jag bara med den enka koden <details></details>

 

Men det är inget jag direkt är så himla nöjd med då jag vill ha en sån sliddown/dropdown meny för mina undermenyer

Länk till kommentar
Dela på andra webbplatser

RebeckasSmycken

Ingen som alls vet :( ?

 

För <details></details> är inget jag direkt vill köra med plus att denna form ej stödjer alla webbläsare.

 

 

Jag vill även veta hur jag kan göra menyer till mina undermenyer.

Till exempel har jag en undermeny som heter Pärlor och på denna villa jag göra ytterligare en meny och skriva i vilka pärlor jag säljer

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.



×
×
  • Skapa nytt...