to Community

Please refer to TemplateMonster Support for any issues surrounding TemplateMonster/TemplateTuning Themes – thanks, Jigoshop Team

Home → Issues and Questions →

Product description disappeared

Ian's Avatar

Ian

17 Jul, 2012 06:04 AM

Everything worked fine to start with, but suddenly, after making a change to a product description, the product descriptions do not appear on the product pages any more. Can you help?

  1. Support Staff 2 Posted by chriscct7 on 18 Jul, 2012 01:01 AM

    chriscct7's Avatar

    Nope. We need you to perform Jigoshop Simple User Testings. And on top of that I don't see either the debug.log or the Jigoshop System Info.

    -Chris

  2. 3 Posted by Ian on 18 Jul, 2012 05:30 AM

    Ian's Avatar

    No problem. I got it fixed myself. It seems that when I disable Jigoshop frontend.css it doesn't play nicely with my theme. When I enabled frontend.css the description came back and the review tab that I didn't even know was there. I like the frontend.css styling much better so the issue is resolved except one thing.

    My product page is here: http://www.informationskills.in/product/advanced-level-eyeq-online/

    I was able to modify the frontend.css so the shopping cart sits all inside the left column. But the description and review box still spills over to the right and I can't figure out how to change the width for anything. I don't really know css properly.

    Can you tell me what I need to change or add in frontend.css to make the description box fit inside my theme column?

    CSS

    .nobr { white-space:nowrap;
    }

    .info { background:#F7F5C6;
    border:1px solid #EEEAC1;
    color:#747165;
    padding:10px 20px;
    }

    .info a { color:#93864E;
    }

    div.jigoshop_error,div.jigoshop_message {
    border:1px solid;
    background-repeat:no-repeat;
    background-position:10px center;
    margin:10px 0;
    padding:10px 10px 10px 32px;
    }

    div.jigoshop_error a.button,div.jigoshop_message a.button {
    margin-top:0;
    float:right;
    }

    div.jigoshop_error {
    color:#D8000C;
    background-color:#ffd4d4;
    background-image:url('../images/error.gif');
    }

    div.jigoshop_message {
    color:#4F8A10;
    background-color:#DFF2BF;
    background-image:url('../images/success.png');
    }

    p small {
    color:#999;
    }

    p.demo_store {
    position:fixed;
    top:0;
    left:100%;
    width:450px;
    margin-left:-225px;
    font-size:12px;
    text-align:center;
    background:0;
    border:1px solid #EEEAC1;
    color:#747165;
    z-index:999999;
    padding:8px 0;
    }

    small.note {
    display:block;
    color:#999;
    font-size:11px;
    line-height:21px;
    margin-top:10px;
    }

    breadcrumb {

    overflow:hidden;
    font-size:.92em;
    color:#999 !important;
    margin:0 0 1em;
    padding:0;
    }

    breadcrumb a {

    color:#999 !important;
    }

    div.product {
    position:relative;
    }

    div.product p.price {
    color:green;
    font-size:1.3em;
    }

    div.product p.price del {
    font-size:14px;
    color:#ccc;
    }

    div.product p.stock {
    font-size:.92em;
    float:left;
    padding:2px 0 0;
    }

    div.product div.images {
    float:left;
    width:314px;
    margin-bottom:10px;
    position:relative;
    }

    div.product div.images img {
    border:1px solid #ddd;
    background:#f5f5f5;
    display:block;
    padding:6px;
    }

    div.product div.images div.thumbnails {
    padding-top:10px;
    overflow:hidden;
    }

    div.product div.images div.thumbnails a {
    margin-right:10px;
    margin-bottom:10px;
    float:left;
    }

    div.product div.images div.thumbnails a img {
    padding:3px;
    }

    div.product div.summary {
    float:left;
    width:400px;
    }

    div.product div.social {
    text-align:right;
    margin:0 0 1em;
    }

    div.product div.social span {
    margin:0 0 0 2px;
    }

    div.product div.social span .stButton .chicklets {
    padding-left:16px;
    width:0;
    }

    div.product div.social iframe {
    float:left;
    margin-top:3px;
    }

    div.product #tabs {
    clear:both;
    margin:0 0 1em;
    padding:1em 0 0;
    }

    div.product #tabs ul.tabs {
    background:#ddd;
    overflow:hidden;
    list-style:none outside !important;
    margin:0;
    padding:4px 4px 0;
    }

    div.product #tabs ul.tabs li {
    float:left;
    font-size:.92em;
    margin:0 4px 0 0;
    }

    div.product #tabs ul.tabs a {
    float:left;
    background:#eee;
    text-decoration:none;
    padding:6px 12px;
    }

    div.product #tabs ul.tabs li.active a {
    background:#fff;
    color:#555;
    }

    div.product #tabs .panel {
    border:1px solid #ddd;
    border-top:0;
    padding:15px 15px 0;
    }

    .stock { color:green;
    float:left;
    }

    .out-of-stock { color:red;
    }

    form.cart {
    margin-bottom:24px;
    float:right;
    width:100%;
    clear:both;
    }

    form.cart div.quantity {
    float:left;
    margin:0 4px 0 0;
    }

    form.cart table {
    font-size:12px;
    border-width:0 0 1px;
    }

    form.cart table td {
    padding:4px 4px 4px 0;
    }

    form.cart table div.quantity {
    float:none;
    width:72px;
    margin:0;
    }

    form.cart table small.stock {
    display:block;
    float:none;
    }

    form.cart .variations select {
    width:100%;
    float:left;
    }

    form.cart .button {
    vertical-align:middle;
    float:left;
    margin:2px 0;
    }

    span.onsale {
    background:green;
    color:#fff;
    min-height:32px;
    min-width:32px;
    font-size:12px;
    position:absolute;
    text-align:center;
    line-height:32px;
    top:0;
    left:-15px;
    margin:-6px 0 0;
    padding:4px;
    }

    .products ul,ul.products { list-style:none;
    float:left;
    margin:0 0 14px;
    padding:0;
    }

    .products li { float:left;
    position:relative;
    width:150px;
    margin:0 10px 20px 0;
    padding:0;
    }

    .products li .onsale { top:0;
    right:0;
    left:auto;
    margin:-6px -6px 0 0;
    }

    .products li a { text-decoration:none;
    }

    .products li a img { width:150px;
    height:150px;
    display:block;
    border:1px solid #ddd;
    margin:0 0 8px;
    }

    .products li a:hover img { border:1px solid #bbb;
    }

    .products li strong { color:#555;
    display:block;
    }

    .products li .price { color:green;
    display:block;
    font-weight:400;
    float:right;
    text-align:right;
    }

    table.shop_attributes {
    border:0;
    border-top:1px dotted #ccc !important;
    }

    table.shop_attributes th {
    width:150px;
    font-weight:700;
    color:#000 !important;
    border-bottom:1px dotted #ccc;
    line-height:1.5em;
    margin:0;
    padding:8px;
    }

    table.shop_attributes td {
    font-style:italic;
    border-bottom:1px dotted #ccc;
    line-height:1.5em;
    margin:0;
    padding:0;
    }

    table.shop_attributes td p {
    margin:0;
    padding:8px;
    }

    table.shop_attributes .alt td,table.shop_attributes .alt th {
    background:#f9f9f9;
    }

    a.button,button.button,input.button,#review_form #submit {
    color:#fff !important;
    background:#ff9c07;
    line-height:1em;
    float:left;
    font-size:12px;
    width:auto !important;
    vertical-align:middle !important;
    text-align:center;
    text-decoration:none;
    border:0;
    cursor:pointer;
    font-family:inherit;
    margin:4px 2px 0 0;
    padding:6px;
    }

    a.button:hover,button.button:hover,input.button:hover,#review_form #submit:hover {
    background:#f93;
    text-decoration:none;
    }

    .button-alt { color:#fff !important;
    background:#069bcd;
    line-height:1em;
    float:left;
    font-size:12px;
    width:auto !important;
    vertical-align:middle !important;
    text-align:center;
    text-decoration:none;
    border:0;
    cursor:pointer;
    font-family:inherit;
    margin:4px 2px 0 0;
    padding:6px;
    }

    .button-alt:hover { background:#0588b5;
    }

    reviews h2 small {

    float:right;
    color:#999;
    font-size:15px;
    line-height:21px;
    margin:10px 0 0;
    }

    reviews h2 small a {

    text-decoration:none;
    color:#999;
    }

    reviews #respond {

    border:0;
    margin:0;
    padding:0;
    }

    reviews #comment {

    height:75px;
    }

    reviews #comments ol.commentlist {

    overflow:hidden;
    margin:0;
    }

    reviews #comments ol.commentlist li {

    border:0;
    position:relative;
    margin:0 0 20px;
    padding:00;
    }

    reviews #comments ol.commentlist li .meta {

    color:#999;
    font-size:.75em;
    }

    reviews #comments ol.commentlist li img {

    float:left;
    position:absolute;
    top:0;
    left:0;
    width:32px;
    height:auto;
    border:1px solid #ddd;
    background:#fff;
    line-height:1;
    margin:0;
    padding:3px;
    }

    reviews #comments ol.commentlist li .comment-text {

    border:1px solid #ddd;
    margin:0 0 0 50px;
    padding:11px 11px 0;
    }

    reviews #comments ol.commentlist li .comment-text p {

    margin:0 0 11px;
    }

    reviews #comments ol.commentlist li .comment-text p.meta {

    font-size:.86em;
    }

    .star-rating { float:right;
    width:80px;
    height:16px;
    background:url(../images/star.png) repeat-x left 0;
    }

    .star-rating span { background:url(../images/star.png) repeat-x left -32px;
    height:0;
    padding-top:16px;
    overflow:hidden;
    float:left;
    }

    .hreview-aggregate .star-rating { margin:10px 0 0;
    }

    review_form #respond {

    overflow:hidden;
    border:1px solid #E7E7E7;
    width:auto;
    margin:0;
    padding:10px 20px 20px;
    }

    review_form #respond p {

    margin:0 0 10px;
    }

    p.stars span {
    width:80px;
    height:16px;
    position:relative;
    float:left;
    background:url(../images/star.png) repeat-x left 0;
    }

    p.stars span a {
    float:left;
    position:absolute;
    left:0;
    top:0;
    width:16px;
    height:0;
    padding-top:16px;
    overflow:hidden;
    }

    p.stars span a:hover,p.stars span a:focus {
    background:url(../images/star.png) repeat-x left -16px;
    }

    p.stars span a.active {
    background:url(../images/star.png) repeat-x left -32px;
    }

    p.stars span a.star-1 {
    width:16px;
    z-index:10;
    }

    p.stars span a.star-2 {
    width:32px;
    z-index:9;
    }

    p.stars span a.star-3 {
    width:48px;
    z-index:8;
    }

    p.stars span a.star-4 {
    width:64px;
    z-index:7;
    }

    p.stars span a.star-5 {
    width:80px;
    z-index:6;
    }

    table.shop_table {
    border:1px solid #E7E7E7;
    text-align:left;
    width:100%;
    border-collapse:separate;
    margin:0 -1px 24px 0;
    }

    table.shop_table th {
    color:#888;
    font-size:12px;
    font-weight:700;
    line-height:18px;
    padding:9px 12px;
    }

    table.shop_table td {
    border-top:1px solid #E7E7E7;
    vertical-align:middle;
    padding:6px 12px;
    }

    table.shop_table td a.button {
    margin:0 3px;
    }

    table.my_account_orders {
    font-size:.85em;
    }

    table.my_account_orders th,table.my_account_orders td {
    vertical-align:top;
    padding:4px 8px;
    }

    table.my_account_orders .button {
    white-space:nowrap;
    margin:4px 0;
    }

    ul.cart_list,ul.product_list_widget {
    list-style:none outside !important;
    margin:0;
    padding:0;
    }

    ul.cart_list li,ul.product_list_widget li {
    overflow:hidden;
    margin:0;
    padding:4px 0;
    }

    ul.cart_list li a,ul.product_list_widget li a {
    display:block;
    font-weight:700;
    }

    ul.cart_list li img,ul.product_list_widget li img {
    float:left;
    margin-right:4px;
    border:1px solid #ddd;
    }

    .jigoshop_cart .total { border-top:3px double #ddd;
    margin:0;
    padding:4px 0;
    }

    .jigoshop_cart .total strong { min-width:40px;
    display:inline-block;
    }

    a.remove {
    display:block;
    height:16px;
    width:16px;
    text-indent:-9999px;
    background:url(../images/remove.png) #ccc;
    }

    a.remove:hover {
    background-color:#f93;
    }

    .cart th,.cart td { vertical-align:middle;
    }

    td.actions {
    text-align:right;
    }

    td.actions .coupon label {
    display:none;
    }

    td.actions .coupon .input-text {
    width:80px;
    float:left;
    margin:1px 6px 0 0;
    }

    td.actions .button-alt {
    float:right;
    margin:2px 0 0 6px;
    }

    td.quantity,.jigoshop #content div.quantity {
    min-width:80px;
    }

    .quantity input { margin-left:0;
    margin-right:0;
    }

    .quantity input.qty { border:1px solid #ccc;
    width:20px;
    display:inline;
    line-height:1em;
    vertical-align:middle;
    padding:1px 5px 2px;
    }

    .quantity input.plus,.quantity input.minus { background:#ccc;
    vertical-align:middle;
    line-height:1em;
    border:0;
    width:20px;
    color:#fff !important;
    cursor:pointer;
    padding:4px;
    }

    .quantity input.minus:hover,.quantity input.plus:hover { background:#f93;
    }

    .cart input { width:100px;
    vertical-align:middle;
    line-height:1em;
    margin:0;
    }

    .col2-set .col-1 { float:left;
    width:48%;
    }

    .col2-set .col-2 { float:right;
    width:48%;
    }

    .cart-collaterals .related { width:310px;
    float:left;
    }

    .cart-collaterals .cross-sells { width:314px;
    float:left;
    }

    .cart-collaterals .shipping_calculator { float:right;
    width:225px;
    clear:right;
    text-align:right;
    overflow:hidden;
    margin:20px 0 0;
    }

    .cart-collaterals .shipping_calculator .button { width:225px;
    float:none !important;
    display:block;
    }

    .cart-collaterals .shipping_calculator .col2-set .col-1,.cart-collaterals .shipping_calculator .col2-set .col-2 { width:47%;
    }

    .cart-collaterals .cart_totals { float:right;
    width:225px;
    text-align:right;
    }

    .cart-collaterals .cart_totals table { border-collapse:separate;
    margin:0 0 6px;
    padding:0;
    }

    .cart-collaterals .cart_totals table tr:first-child th,.cart-collaterals .cart_totals table tr:first-child td { border-top:0;
    }

    .cart-collaterals .cart_totals table td,.cart-collaterals .cart_totals table th { padding:6px 12px;
    }

    .cart-collaterals .cart_totals table small { display:block;
    color:#999;
    }

    .cart-collaterals .cart_totals .discount td { color:green;
    }

    .cart-collaterals .cart_totals tr td,.cart-collaterals .cart_totals tr th { border-top:1px solid #E7E7E7;
    padding:6px 24px;
    }

    .cart-collaterals .cart_totals a.button-alt { width:193px;
    display:block;
    font-size:.92em;
    }

    .form-row { overflow:hidden;
    margin:0 0 6px;
    padding:3px;
    }

    .form-row label { display:block;
    }

    .form-row label.hidden { visibility:hidden;
    }

    .form-row select { width:100%;
    cursor:pointer;
    margin:0;
    }

    .form-row .required { color:#c00;
    font-weight:700;
    }

    .form-row .input-checkbox { display:inline;
    text-align:center;
    vertical-align:middle;
    margin:-2px 8px 0 0;
    }

    .form-row label.checkbox { display:inline;
    }

    form .form-row input.input-text,#content .form-row input.input-text,form .form-row textarea,#content .form-row textarea {
    border:1px solid #ccc;
    width:100%;
    outline:0;
    background:#fff none;
    font-size:14px;
    line-height:1em;
    margin:0;
    padding:6px;
    }

    form .form-row textarea,#content .form-row textarea {
    height:3.5em;
    line-height:1.5em;
    display:block;
    }

    .form-row-first,.form-row-last { float:left;
    width:47%;
    overflow:visible;
    }

    form.login {
    border:1px solid #E7E7E7;
    text-align:left;
    margin:20px 0;
    padding:20px;
    }

    payment {

    background:#F9F9F9;
    }

    payment ul.payment_methods {

    overflow:hidden;
    text-align:left;
    border-bottom:1px solid #eee;
    list-style:none outside;
    margin:0;
    padding:1em;
    }

    payment ul.payment_methods li {

    line-height:2em;
    text-align:left;
    font-weight:400;
    margin:0;
    }

    payment ul.payment_methods li input {

    margin:0 1em 0 0;
    }

    payment ul.payment_methods li img {

    vertical-align:middle;
    position:relative;
    margin:-2px 0 0 .5em;
    }

    payment div.form-row {

    border-top:1px solid #fff;
    padding:1em;
    }

    payment .terms {

    text-align:right;
    padding:0 1em;
    }

    payment div.payment_box {

    position:relative;
    width:96%;
    background:#f5f5f5;
    border:1px solid #eee;
    font-size:.92em;
    margin:1em 0;
    padding:1em 2% 0;
    }

    payment div.payment_box #cc-expire-month,#payment div.payment_box #cc-expire-year {

    width:48%;
    float:left;
    }

    payment div.payment_box span.help {

    font-size:11px;
    color:#999;
    line-height:13px;
    font-weight:400;
    }

    payment div.payment_box p,#payment div.payment_box .form-row {

    margin:0 0 1em;
    }

    payment div.payment_box:after {

    content:"";
    display:block;
    border:8px solid #eee;
    border-right-color:transparent;
    border-left-color:transparent;
    border-top-color:transparent;
    position:absolute;
    top:-4px;
    left:0;
    margin:-1em 0 0 2em;
    }

    div.shipping-address {
    clear:left;
    padding:0;
    }

    shiptobilling {

    float:right;
    line-height:1.62em;
    margin:0;
    padding:0;
    }

    shiptobilling label {

    font-size:.6875em;
    }

    .checkout .col-2 h3 { float:left;
    clear:none;
    }

    .order_details { overflow:hidden;
    list-style:none;
    margin:0 0 1.5em;
    }

    .order_details li { float:left;
    margin-right:2em;
    text-transform:uppercase;
    font-size:.715em;
    line-height:1em;
    border-right:1px dashed #ccc;
    padding-right:2em;
    }

    .order_details li strong { display:block;
    font-size:1.4em;
    text-transform:none;
    line-height:1.5em;
    color:#333;
    }

    .widget_price_filter .price_slider_wrapper .price_slider { margin:1em .6em .6em;
    }

    .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { outline:0;
    }

    .widget_price_filter .price_slider_wrapper .price_slider_amount { overflow:hidden;
    line-height:2em;
    }

    .widget_layered_nav ul { border:0;
    list-style:none outside !important;
    margin:0;
    padding:0;
    }

    .widget_layered_nav ul li { overflow:hidden;
    padding:0 0 1px;
    }

    .widget_layered_nav ul li a,.widget_layered_nav ul li span { float:left;
    padding:1px 0;
    }

    .widget_layered_nav ul li.chosen a { border:1px solid #39c;
    background:#39c url(../images/cross_white.png) no-repeat 6px center;
    color:#fff;
    padding:0 6px 0 18px;
    }

    .widget_layered_nav ul small.count { float:right;
    margin-left:6px;
    font-size:1em;
    color:#999;
    padding:1px 0;
    }

    section#primary div.product div.summary {
    width:42%;
    }

    .clear,div.product div.images div.thumbnails a.first,.products,.products li.first { clear:both;
    }

    div.product .product_title,#reviews #comments h2 {
    clear:none;
    }

    div.product div.images div.thumbnails a.last,.products li.last {
    margin-right:0;
    }

    div.product div.social span span,#reviews h3,td.product-name dl.variation,.cart-collaterals .cart_totals p,dl.customization {
    margin:0;
    }

    p.cart,.form-row-last,#payment div.payment_box #cc-expire-year,.addresses .title .edit {
    float:right;
    }

    form.cart .variations label,table.shop_table tfoot td,.customized_product_label {
    font-weight:700;
    }

    .products li .price del,.products li .price .from { font-size:10px;
    line-height:10px;
    display:block;
    color:#ccc;
    margin:-2px 0 0;
    }

    .cart .button,.cart input.button,.cart-collaterals .cart_totals h2 { float:none;
    }

    reviews #comments .add_review,p.stars,.jigoshop_cart .buttons,.addresses .title {

    overflow:hidden;
    }

    td.actions .coupon,.addresses .title h3,.single_variation .price {
    float:left;
    }

    td.product-name dl.variation dt,dl.customization dt {
    font-weight:700;
    display:inline-block;
    margin:0 4px 0 0;
    padding:0;
    }

    td.product-name dl.variation dd,dl.customization dd {
    display:inline;
    margin:0 12px 0 0;
    padding:0;
    }

    .col2-set,.cart-collaterals { overflow:hidden;
    width:100%;
    }

    payment #place_order,.widget_price_filter .price_slider_wrapper .button {

    float:right;
    margin:0;
    }

    .checkout .col-2 .notes,.checkout .col-2 .form-row-first,div.product div.product_meta,div.product div.variations_button,.single_variation,.stock { clear:left;
    }

    .order_details li.method,fieldset.variations { border:0;
    }

  3. Support Staff 4 Posted by ivica on 18 Jul, 2012 05:34 AM

    ivica's Avatar

  4. 5 Posted by Ian on 18 Jul, 2012 06:14 AM

    Ian's Avatar

    Thank you. I already tried to post that I had resolved the issue myself except for one small point but it didn't post for some reason. Thanks for the link in case I need it in the future.

  5. 6 Posted by Ian on 18 Jul, 2012 06:19 AM

    Ian's Avatar

    Ok since it went through I'll post my next question. It seems the problem was with disabling frontend.css. Didn't seem to work well with my theme maybe. When I turned frontend.css back on, the description comes back and the reviews tab that didn't show up with the css turned off. I was able to modify the css to get the cart to float left inside the left column. But I can't figure out what to change or add to change the width of the description and review box so it also fits inside the left column. Example here:http://www.informationskills.in/product/advanced-level-eyeq-on...

    I posted the whole frontend.css last time and maybe that's why it didn't post.

  6. 7 Posted by Ian on 18 Jul, 2012 06:22 AM

    Ian's Avatar

  7. Support Staff 8 Posted by chriscct7 on 18 Jul, 2012 11:36 AM

    chriscct7's Avatar

    Because your CSS isn't limiting your text to fill your box. My guess is there is some sort of PHP or JS that either Jigoshop (probably) or your theme uses to auto make new lines after a certain number of characters. If you check the source code, the end of each line is being dictated by some < br > 's

    -Chris

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

3 people watching.

  • New Issue

  • Conversation Started

    A conversation has been started with the Community staff to resolve this discussion.

  • Close the discussion

Recent Discussions

24 May, 2013 10:47 AM remove cart button from front page?
24 May, 2013 08:28 AM Shipping Costs
24 May, 2013 09:15 AM What's the Best Shipping Plugin?
12 Jan, 2013 05:49 PM Shipping Rates
24 Jan, 2013 10:36 AM Shopping Cart Widget Failure to Appear

Recent Articles

JIGOSHOP COMMUNITY FORUM RULES
How do I add Jigoshop product categories to the primary menu?
Simple User testing
How to Reorder the Products/Categories
Creating Jigoshop WordPress Test environment