Announcement

Collapse
No announcement yet.

Remove Bullet Points in Product Features

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

  • TopTonerWorld
    replied
    Originally posted by 3dcartdesigns View Post
    Settings-->Design-->template editor--> select your css from the top right drop down box. will show in yellow. When the page comes up, click edit to the right of your primary css file and follow below.

    If you're not using bullets anywhere else just add this to your default_modified.css or whatever css file you are using as your primary

    li {
    list-style: none outside none;
    }


    If you want to manually do bullets in some other place, for example in a custom content area you can easily add a class to the <ul> of the new list in which you can specify what type or style of bullets to use.
    Thanks alot, :) They are removed now,

    and also thanks to everyone else who replied
    Last edited by TopTonerWorld; 08-17-2012, 06:28 AM.

    Leave a comment:


  • 3dcartdesigns
    replied
    Originally posted by TopTonerWorld View Post
    where do i add it? or do i replace with old code?
    Settings-->Design-->template editor--> select your css from the top right drop down box. will show in yellow. When the page comes up, click edit to the right of your primary css file and follow below.

    If you're not using bullets anywhere else just add this to your default_modified.css or whatever css file you are using as your primary

    li {
    list-style: none outside none;
    }


    If you want to manually do bullets in some other place, for example in a custom content area you can easily add a class to the <ul> of the new list in which you can specify what type or style of bullets to use.

    Leave a comment:


  • TopTonerWorld
    replied
    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>

    Leave a comment:


  • cbsteven
    replied
    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>

    Leave a comment:


  • TopTonerWorld
    replied
    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

    Leave a comment:


  • TopTonerWorld
    replied
    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

    Leave a comment:


  • TopTonerWorld
    replied
    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?

    Leave a comment:


  • TopTonerWorld
    replied
    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

    Leave a comment:


  • TopTonerWorld
    replied
    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

    Leave a comment:


  • TopTonerWorld
    replied
    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 -

    Leave a comment:


  • celebra1
    replied
    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.

    Leave a comment:


  • Shopguy
    replied
    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.

    Leave a comment:


  • 3dcartdesigns
    replied
    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;
    }

    Leave a comment:


  • jleclair
    replied
    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.

    Leave a comment:


  • ElegantWeddings
    replied
    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.

    Leave a comment:

Working...
X