Page 40 of 123 FirstFirst ... 3038394041425090 ... LastLast
Results 391 to 400 of 1223
  1. #391
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,399
    Plugin Contributions
    87

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    Quote Originally Posted by jasonshanks View Post
    Hello,

    Wow this is great !! I can't wait to try this on my live store. I just had a question how to enable 3 Column Layout after installing your add on. Also the color changing part was FREAKING genius !
    I can't take credit for the color-changing bits; that feature was there in the original Bootstrap template.

    If you're asking about "3 columns" meaning "sidebar plus middle content plus sidebar", take a look at the Configuration :: Layout Settings :: Response {Left | Center | Right} Column Width settings. The sum of those values should add up to 12, with the default being 3 + 6 + 3.

    If you mean "how do I show my products as a grid of 3 columns instead of 1 per row", which is built-in to Zen Cart v1.5.7, look at Configuration:: Product Listing :: Columns Per Row

  2. #392
    Join Date
    Nov 2007
    Location
    Texas
    Posts
    258
    Plugin Contributions
    0

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    Quote Originally Posted by mprough View Post
    Changing Columns Per Row from 4 to 3 fixed it, but on large screens we would really rather have 4
    I’ve been trying to use your instructions to fix the layout issue I have. Sorry for the bad picture, but this is what my products look like under each category. However, the new items are displayed exactly like I want them to be. How do I fix my products within each category to display exactly like they do for the new products?


    Click image for larger version. 

Name:	71E6F8D1-7FD4-4949-BAF1-7F5B97EA3453.jpg 
Views:	31 
Size:	19.9 KB 
ID:	19529

    Click image for larger version. 

Name:	8016907C-6998-48C7-8213-B05E78118F71.jpg 
Views:	29 
Size:	18.6 KB 
ID:	19530

  3. #393
    Join Date
    Jan 2004
    Posts
    66,364
    Blog Entries
    7
    Plugin Contributions
    274

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    Quote Originally Posted by mprough View Post
    Quote Originally Posted by arxvaldex View Post
    In Admin goto Configuration - Product Listing

    Check Product Listing - Columns Per Row (Default Setting is 3)

    Also check your stylesheet.css should have the following:
    (Stylesheet is located in includes/templates/bootstrap)

    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {
    .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    }
    }

    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {
    .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    Changing Columns Per Row from 4 to 3 fixed it, but on large screens we would really rather have 4
    Those details are based on an old version of the template.

    With v3 of the BS4 template, the "column-count" CSS properties are completely replaced with an updated implementation using built-in Bootstrap 4 features.
    If you don't like the arrangement offered at each level of number of columns, you can change the Bootstrap classes that are applied as described in one of the comments to the code change discussed here: https://github.com/lat9/ZCA-Bootstrap-Template/pull/24
    .

    Zen Cart - putting the dream of business ownership within reach of anyone!
    Donate to: DrByte directly or to the Zen Cart team as a whole

    Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
    Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

  4. #394
    Join Date
    Nov 2007
    Location
    Texas
    Posts
    258
    Plugin Contributions
    0

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    Quote Originally Posted by DrByte View Post
    Those details are based on an old version of the template.

    With v3 of the BS4 template, the "column-count" CSS properties are completely replaced with an updated implementation using built-in Bootstrap 4 features.
    If you don't like the arrangement offered at each level of number of columns, you can change the Bootstrap classes that are applied as described in one of the comments to the code change discussed here: https://github.com/lat9/ZCA-Bootstrap-Template/pull/24
    I appreciate the answer. That’s waaaaay more than I’m capable of.

    I was hoping there would be a way to do this from the admin.

  5. #395
    Join Date
    Jan 2004
    Posts
    66,364
    Blog Entries
    7
    Plugin Contributions
    274

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    Quote Originally Posted by arxvaldex View Post
    In Admin goto Configuration - Product Listing

    Check Product Listing - Columns Per Row (Default Setting is 3)

    Also check your stylesheet.css should have the following:
    (Stylesheet is located in includes/templates/bootstrap)

    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {
    .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    }
    }

    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {
    .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    Quote Originally Posted by gizmo_girl View Post
    I appreciate the answer. That’s waaaaay more than I’m capable of.

    I was hoping there would be a way to do this from the admin.
    No no, my point was: don't do that old change from 2019 that you had quoted from (and which I re-quoted in more detail).
    ie: remove it if you had added it before posting.

    Instead, just use the admin switch for columns-per-row and set it to what you want.
    I know it works fine out-of-the-box in the BS4 template. Not sure what alterations would be causing the anomaly you screenshotted.
    Might be necessary to post the URL so that the raw HTML/CSS can be inspected with a browser's dev-tools.
    .

    Zen Cart - putting the dream of business ownership within reach of anyone!
    Donate to: DrByte directly or to the Zen Cart team as a whole

    Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
    Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

  6. #396
    Join Date
    Nov 2007
    Location
    Texas
    Posts
    258
    Plugin Contributions
    0

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    Quote Originally Posted by DrByte View Post
    No no, my point was: don't do that old change from 2019 that you had quoted from (and which I re-quoted in more detail).
    ie: remove it if you had added it before posting.

    Instead, just use the admin switch for columns-per-row and set it to what you want.
    I know it works fine out-of-the-box in the BS4 template. Not sure what alterations would be causing the anomaly you screenshotted.
    Might be necessary to post the URL so that the raw HTML/CSS can be inspected with a browser's dev-tools.
    Thanks, Dr Byte! I think I’m getting closer, at least on this issue! I appreciate your help!

  7. #397
    Join Date
    Apr 2008
    Posts
    150
    Plugin Contributions
    0

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    I would like to swap the positions of the header search bar and the nav links (search bar left, nav links right) with the search bar resizing/stretching into any space not required by the nav links. Can I do that from the stylesheet, or do I have to change the header template?

  8. #398
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,399
    Plugin Contributions
    87

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    Quote Originally Posted by Joseph M View Post
    I would like to swap the positions of the header search bar and the nav links (search bar left, nav links right) with the search bar resizing/stretching into any space not required by the nav links. Can I do that from the stylesheet, or do I have to change the header template?
    My take is that you're looking at changing your Bootstrap clone's header template. Perhaps someone with more in-depth CSS knowledge has another solution?

  9. #399
    Join Date
    Apr 2008
    Posts
    150
    Plugin Contributions
    0

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    Quote Originally Posted by lat9 View Post
    My take is that you're looking at changing your Bootstrap clone's header template. Perhaps someone with more in-depth CSS knowledge has another solution?
    Perhaps, or even just part of the solution. For a quick switch I changed the includes/templates/bootstrap/common/tpl_header.php, by moving the code for the search bar:
    Code:
      <?php require(DIR_WS_MODULES . zen_get_module_sidebox_directory('search_header.php')); ?>
    above
    Code:
        <ul class="navbar-nav mr-auto">
    .
    It seems to have worked in swapping their relative location, but everything was on the left.
    I believe it was mentioned in an earlier post that changing that to
    Code:
        <ul class="navbar-nav ml-auto">
    moves the links to the right.
    This places each element in the location that I want them. I just want to expand the header search bar now to adjust to the empty space unused by the nav links. The image shows how the search bar appears now(above), and how I want it to appear (below). Thank you.

    Click image for larger version. 

Name:	header-rev.jpg 
Views:	26 
Size:	12.0 KB 
ID:	19535

  10. #400
    Join Date
    Apr 2008
    Posts
    150
    Plugin Contributions
    0

    Default Re: ZCA Bootstrap 4 Template [Support Thread]

    I'm having a problem setting the color of the EZ-page footer bar links background on hover. No problem with the text, since it is selected in ZCA Bootstrap Colors. However the footer link background color on hover selection isn't listed there.
    Footer EZ-Page Bar Background Color, EZ-Page Bar Link Color, EZ-Page Bar Link Color on Hover
    I've tried defining it in my stylesheet with:
    Code:
    #ezpagesBarFooter a.nav-link:hover {
        color: #ffffff;
        background-color: #color of choice;
    }
    but it always displays the default color #33b5e5 for the hover background. The changes show up in my browser developer tool, but seem to be overridden when attempting to get the change to appear on my site. Any suggestions?

    side note: Oddly, the "Button Color" option ZCA Bootstrap Colors does change the link background hover color in the EZ-pages footer (while changing button colors throughout the site as well).

 

 
Page 40 of 123 FirstFirst ... 3038394041425090 ... LastLast

Similar Threads

  1. v155 Clone a Template [Support Thread]
    By lat9 in forum Addon Admin Tools
    Replies: 94
    Last Post: 16 Mar 2024, 04:13 PM
  2. v150 aBagon Template Support Thread
    By VJef in forum Addon Templates
    Replies: 54
    Last Post: 5 Sep 2020, 08:44 PM
  3. v155 ZCA Bootstrap Template 1.0 (BETA)
    By rbarbour in forum Addon Templates
    Replies: 74
    Last Post: 25 Apr 2018, 07:05 PM
  4. TB Sempre Template Support Thread
    By brandonturpin in forum Addon Templates
    Replies: 48
    Last Post: 19 Mar 2015, 06:33 PM
  5. Wallet Template - Support Thread
    By zami in forum Addon Templates
    Replies: 45
    Last Post: 25 Mar 2010, 10:15 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR