Announcement

Collapse
No announcement yet.

Remove Bullet Points in Product Features

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Remove Bullet Points in Product Features

    Hello Everyone,
    Just got my self 3dcart, and i'm new and dont have much knowledge where or how i could remove the bullets points that show in Product Features? :(
    i have removed the bullet point in listing_# template but it still shows in the products.

    i have attached a screenshot and the code below.
    Many thanks,

    Code:
            <!--START: PRODUCT_FEATURES-->        
            [product_feature_name]        
            <!--END: PRODUCT_FEATURES-->
    Attached Files
    Last edited by TopTonerWorld; 08-15-2012, 05:25 AM.

  • #2
    If you posted a link it'd be easier, but I would just remove them from the product information itself.

    Comment


    • #3
      Originally posted by TopTonerWorld View Post
      Hello Everyone,
      Just got my self 3dcart, and i'm new and dont have much knowledge where or how i could remove the bullets points that show in Product Features? :(
      i have removed the bullet point in listing_# template but it still shows in the products.

      i have attached a screenshot and the code below.
      Many thanks,

      Code:
              <!--START: PRODUCT_FEATURES-->        
              [product_feature_name]        
              <!--END: PRODUCT_FEATURES-->

      The way 3DCart has coded the dynamic content for the Product Features is a bullet gets inserted for each row of product features automatically.

      Perhaps you can do a test to start each of your product features with </li> and see if that will remove it.
      i.e.
      </li> test feature 1
      </li> test feature 2

      etc.
      Elegant Weddings +
      www.elegantweddingsplus.ca
      www.elegantweddingsplus.com

      Comment


      • #4
        I have to agree with posting the link so we could actually see the page and what code is being generated,

        But my instinct would say wrap it in a UL tag, give it a class ul="productFeatures" for example

        <!--START: PRODUCT_FEATURES-->
        <ul class="productFeatures">
        [product_feature_name] <-- assuming 3dcart inserts a <li> wrap
        </ul>
        <!--END: PRODUCT_FEATURES-->

        then your css would just need
        .productFeatures li {list-style-type:none;}

        or some variation of that depending on how the code is generated. If I saw the page I would know for sure.

        Comment


        • #5
          If you are using a relatively un-modified 3dcart listing template you can modify the .item css in your css file:

          .item {
          <ADD-->list-style: none outside none;
          }
          TheCartDesigner.com
          Not 3dcart Owned or Operated
          100% Independent 3dcart Expert


          Follow Us on Twitter

          Comment


          • #6
            Not to get off topic but is it a good idea to use product features anyways? My understanding is that they are not included in the standard 3dCart search feature. For that reason I've chosen to not use them at all.

            Comment


            • #7
              Bullets

              The best way to deal with this is in the stylesheet, as 3dcartdesigns suggested. All you are trying to do is change a style. So change the style "directions". The change will be site-wide if you use the stylesheet style change. If you do not want a site-wide change, you will need to find the tag in the template. Since bots will render the code closest to the tag in question, over-riding previous "directions", you might try enclosing that tag with

              <!--START: PRODUCT_FEATURES-->
              <span style="list-style: none;">[product_feature_name]</span>
              <!--END: PRODUCT_FEATURES-->

              If that doesn't do it, try ElegantWeddings suggestion using a test query.

              Comment


              • #8
                been bussy didnt get time to popon and have look at the reply earlier anyway! thanks all didnt expect so many reply so fast :)


                Originally posted by cbsteven View Post
                If you posted a link it'd be easier, but I would just remove them from the product information itself.
                didnt want to post the website untill it was all done :P haha wanted to get a feedback when its all done..
                still alot of work to done on it atm..
                below is the link.

                Welcome to Top Toner World -

                Comment


                • #9
                  Originally posted by ElegantWeddings View Post
                  The way 3DCart has coded the dynamic content for the Product Features is a bullet gets inserted for each row of product features automatically.

                  Perhaps you can do a test to start each of your product features with </li> and see if that will remove it.
                  i.e.
                  </li> test feature 1
                  </li> test feature 2


                  etc.
                  it starts a new line and the bullet point stats there. However on the new link it removes the bullet point
                  added to be below link item
                  Brother TN04C Cyan Compatible Toner Cartridge

                  Comment


                  • #10
                    Originally posted by jleclair View Post
                    I have to agree with posting the link so we could actually see the page and what code is being generated,

                    But my instinct would say wrap it in a UL tag, give it a class ul="productFeatures" for example

                    <!--START: PRODUCT_FEATURES-->
                    <ul class="productFeatures">
                    [product_feature_name] <-- assuming 3dcart inserts a <li> wrap
                    </ul>
                    <!--END: PRODUCT_FEATURES-->

                    then your css would just need
                    .productFeatures li {list-style-type:none;}

                    or some variation of that depending on how the code is generated. If I saw the page I would know for sure.
                    below is the link
                    Welcome to Top Toner World -
                    the template i've used or i'm using atm is v32028

                    i have added the below in listing_#

                    <!--START: PRODUCT_FEATURES-->
                    <ul class="productFeatures">
                    [product_feature_name]
                    </ul>
                    <!--END: PRODUCT_FEATURES-->

                    and added default.css


                    /*product Features*/
                    .productFeatures li {list-style-type:none;}


                    after adding i have not seen any difference.

                    the product link is below which the Listing Template is active on atm

                    HP CB540A Black Compatible Toner Cartridge

                    Comment


                    • #11
                      Originally posted by 3dcartdesigns View Post
                      If you are using a relatively un-modified 3dcart listing template you can modify the .item css in your css file:

                      .item {
                      <ADD-->list-style: none outside none;
                      }
                      where do i add it? or do i replace with old code?

                      Comment


                      • #12
                        Originally posted by Shopguy View Post
                        Not to get off topic but is it a good idea to use product features anyways? My understanding is that they are not included in the standard 3dCart search feature. For that reason I've chosen to not use them at all.
                        most of the will have the same features. so it should not be searched. like the below image
                        http://s14.postimage.org/kigsl3ysh/o...r_features.png

                        Comment


                        • #13
                          Originally posted by celebra1 View Post
                          The best way to deal with this is in the stylesheet, as 3dcartdesigns suggested. All you are trying to do is change a style. So change the style "directions". The change will be site-wide if you use the stylesheet style change. If you do not want a site-wide change, you will need to find the tag in the template. Since bots will render the code closest to the tag in question, over-riding previous "directions", you might try enclosing that tag with

                          <!--START: PRODUCT_FEATURES-->
                          <span style="list-style: none;">[product_feature_name]</span>
                          <!--END: PRODUCT_FEATURES-->

                          If that doesn't do it, try ElegantWeddings suggestion using a test query.

                          tried it still no change :( active on the below item
                          HP CB541A Cyan Compatible Toner Cartridge

                          Comment


                          • #14
                            In my listing_2.html the code simply looks like:

                            Code:
                            <!--START: PRODUCT_FEATURES-->
                            
                                    <li>[product_feature_name]</li>
                            
                                    <!--END: PRODUCT_FEATURES-->
                            All you should have to do is remove the <li> and </li>

                            Comment


                            • #15
                              Originally posted by cbsteven View Post
                              In my listing_2.html the code simply looks like:

                              Code:
                              <!--START: PRODUCT_FEATURES-->
                              
                                      <li>[product_feature_name]</li>
                              
                                      <!--END: PRODUCT_FEATURES-->
                              All you should have to do is remove the <li> and </li>
                              i have removed them, it makes no difference if its removed or added

                              this is how mine is:


                              <td> <!--START: PRODUCT_FEATURES-->

                              [product_feature_name]

                              <!--END: PRODUCT_FEATURES--></td>

                              Comment

                              Working...
                              X