Announcement

Collapse

Posting Rules

Posting Rules
This forum was created to help 3dcart users share tips on getting the best out of the service, offer knowledge and experiences about e-commerce in general, and to promote a positive environment in which our merchants can request/dispense advice regarding best practices.

The forum was not created for 3dcart users to submit requests for customer support. Any support related thread will be removed and a support ticket will be placed on your behalf. If you have technical difficulties please visit http://support.3dcart.com.

The 3dcart forum is also not intended to be a medium in which to express dissatisfaction about 3dcart’s service, policies or its management and staff. Threads of this nature will also be removed from the forum. If a support issue with your 3dcart store was not resolved in a satisfactory manner; or if you feel that a particular 3dcart offering/policy is not to your liking, please let us know by emailing ceo@3dcart.com so we can address your concerns directly.

Again, our purpose is to cultivate a positive learning environment for our merchants rather than platform in which to express grievances.

Very Important Rules:
• Never give away your store administration login/password in this forum.

Should you need technical help, please let 3dcart staff help.
Also, please be aware that 3dcart staff will NEVER need to ask for your 3dcart related passwords.

General Rules:
• While debate and discussion are acceptable, we will never tolerate rudeness, insulting posts, personal attacks or inflammatory posts. Our decision is final in these matters.
• Please refrain from posting meaningless threads, one word (or short) nonsensical posts, or similar postings.
• Multiple or repeated posting in order to increase your post count is not allowed.
• Advertising, spamming and trolling is not allowed. This includes using the forum email and Private message system to spam other members.
• We also do not allow posts that are sexual in nature.
• Please wait at least 24 hours before bumping posts.
• Discussion of illegal activities such as software and music piracy and other intellectual property violations are not allowed.
• Each member is allowed one login account. Registering with multiple accounts is not allowed.
• We reserve the right to remove offensive posts without notice.
• We also reserve the right to remove postings which are in violation of our specified posting rules
• Also, while these rules cover most common situations, they cannot anticipate everything. Consequently, we reserve the right to take any actions we deem appropriate to ensure these forums are not disrupted or abused in any way.
• You cannot post any affiliate or referral links, or post anything asking for a referral. Such posts will be subject to removal.
• You cannot post advertisements or notices for contests.
• We also reserve the right to ban anyone who willfully violates the forum rules, as access to our support forums are a privilege and not a right. A banned customer is still entitled to support from the support system, but will not be able to participate in the forum.
See more
See less

What am I doing wrong in this piece of bullet point code?

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

  • What am I doing wrong in this piece of bullet point code?

    I need help with this small piece of code. I want bullet points next to each one of my product features but somehow I can't get it to work right. I am not a programmer but I'm guessing there is something that can probably be tweaked in this piece of code to make the bullets show properly? Right now bullets show in front of one of the product features only, I need a bullet to show up before each product feature. Can you help, please, what am I doing wrong?

  • #2
    rcheltrvel Your html blocks (ul, li, divs) are misaligned within each other. Here is the whole original block that will help you with a better starting point:

    HTML Code:
     <!--START: PRODUCT_FEATURES_BLOCK-->
                <div class="productFeaturesBlock">
                    <ul>
                        <!--START: PRODUCT_FEATURES-->
                        <li>
                            <!--START: product_feature_title--><span class="feat-title">[product_feature_title]:</span><!--END: product_feature_title--><span class="feat-name">[product_feature_name]</span>
                        </li>
                        <!--END: PRODUCT_FEATURES-->
                    </ul>
                    <div class="clear"></div>
                </div>
      <!--END: PRODUCT_FEATURES_BLOCK-->
    Replace your whole current block shown in your image (if that is the entire block shown) from <ul> to <!--END: PRODUCT_FEATURES_BLOCK-->

    Make sure that you are adding the new block above at the end previous tag block e.g.(<!--END: id-->) and ending at the next following block e.g. (<!--START: LOGIN_REQUIRED-->)

    So that the 3dcart tagged blocks are lined up like so:

    <!--END: id-->
    <!--START: PRODUCT_FEATURES_BLOCK-->
    html from above yadayada
    <!--END: PRODUCT_FEATURES_BLOCK-->
    <!--START: LOGIN_REQUIRED-->

    Save, clear browser cache, refresh. Hope this helps.
    TheCartDesigner.com

    Follow Us on Twitter
    **TIP THE "HELP" JAR**

    Comment


    • #3
      I am sorry, I do not understand. Thank you for answering but could you paste the entire block of code I should be using properly to show bullet points in front of each feature?

      Comment


      • #4
        Any other solutions that anyone else knows because lining up the blocks of code doesn't fix the problem.

        Right now the product features look like this

        Comment


        • #5
          rcheltrvel Sent you a PM

          The block isn't what shows bullet points. The supporting css does. The idea was to get the block corrected before addressing the bullet points otherwise you would have more issues than just the bullet points showing
          TheCartDesigner.com

          Follow Us on Twitter
          **TIP THE "HELP" JAR**

          Comment


          • #6
            rcheltrvel Now that your block is correct you can address your current list style which is set as none in your css.

            1. Go to your default_modified.css
            2. Find this rule:

            #product-details .productFeaturesBlock ul {
            list-style: none;
            }

            CHANGE TO:

            #product-details .productFeaturesBlock ul {
            list-style: none;
            }

            Or remove the rule completely from your default modified.css. You can simply remove it because the base unmodified rule will show bullets
            TheCartDesigner.com

            Follow Us on Twitter
            **TIP THE "HELP" JAR**

            Comment


            • #7
              rcheltrvel

              You would also benefit from removing these 2 rules which keep the bullet from lining up properly:

              #product-details .productFeaturesBlock ul li .feat-name {
              margin-left: 0;
              }

              #product-details .productFeaturesBlock ul li span {
              display: inline;
              }
              TheCartDesigner.com

              Follow Us on Twitter
              **TIP THE "HELP" JAR**

              Comment

              Working...
              X