Author Topic: Create next preview button  (Read 1517 times)

Offline maulik 1intl

  • Jr. Member
  • **
  • Posts: 82
  • Karma: +6/-0
    • View Profile
Create next preview button
« on: August 05, 2019, 12:08:13 AM »
Hello sir

                  Nice to use ababtecart  :) :)
                  i need create a button in product page to view product next and preview button where can change image of product.You can see attach image.Also add subscription button where by default selected yes.

Offline maulik 1intl

  • Jr. Member
  • **
  • Posts: 82
  • Karma: +6/-0
    • View Profile
Re: Create next preview button
« Reply #1 on: August 05, 2019, 05:23:24 AM »
I need developer who can do that for me. Thanks 

Offline HADY

  • Full Member
  • ***
  • Posts: 104
  • Karma: +9/-1
    • View Profile
Re: Create next preview button
« Reply #2 on: August 05, 2019, 05:51:36 AM »
hi!

here is the code:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

a:hover {
  background-color: #ddd;
  color: black;
}

.previous {
  background-color: #f1f1f1;
  color: black;
}

.next {
  background-color: #4CAF50;
  color: white;
}

.round {
  border-radius: 50%;
}
</style>
</head>
<body>

<h2>Previous and Next Buttons</h2>

<a href="#" class="previous">&laquo; Previous</a>
<a href="#" class="next">Next &raquo;</a>

<a href="#" class="previous round">&#8249;</a>
<a href="#" class="next round">&#8250;</a>
 
</body>
</html>


you have to know where should be added exactly to make it work.



Note: 
there is 2 kind of samples in the code, you should choose which one is more suitable for you website.


Regards

Offline maulik 1intl

  • Jr. Member
  • **
  • Posts: 82
  • Karma: +6/-0
    • View Profile
Re: Create next preview button
« Reply #3 on: August 05, 2019, 06:15:31 AM »
Thanks for replay but i need to create controller to fetch link for on product page.
I know all product id is display page product/category page.
but need that id also get in page product/product page where i can use id for next and preview button.

Offline Sam_78

  • Full Member
  • ***
  • Posts: 211
  • Karma: +37/-1
    • View Profile
Re: Create next preview button
« Reply #4 on: August 06, 2019, 11:00:58 AM »

Offline maulik 1intl

  • Jr. Member
  • **
  • Posts: 82
  • Karma: +6/-0
    • View Profile
Re: Create next preview button
« Reply #5 on: August 07, 2019, 12:30:33 AM »
 :) :) Thanks  :) :) for replay but i need to change products not product images.

Url:- http://1intl.com/10111
Above page you can see product 10111-1,10111-2 and more
Now if i select product 10111-1

Url:- http://1intl.com/10111/10111-1
I gone above page hear i need next preview button on next button click it's show next product 10111-2 , 10111-3.

Offline HADY

  • Full Member
  • ***
  • Posts: 104
  • Karma: +9/-1
    • View Profile
Re: Create next preview button
« Reply #6 on: August 07, 2019, 06:30:38 AM »
HI!
Tell me please, how you integrated the header banner TOP of the Website please??

Regards

Offline maulik 1intl

  • Jr. Member
  • **
  • Posts: 82
  • Karma: +6/-0
    • View Profile
Re: Create next preview button
« Reply #7 on: August 08, 2019, 12:27:09 AM »
i am use default template theme to change.

Offline maulik 1intl

  • Jr. Member
  • **
  • Posts: 82
  • Karma: +6/-0
    • View Profile
Re: Create next preview button
« Reply #8 on: August 08, 2019, 01:41:34 AM »
AbanteCart v1.2.13

Offline HADY

  • Full Member
  • ***
  • Posts: 104
  • Karma: +9/-1
    • View Profile
Re: Create next preview button
« Reply #9 on: August 08, 2019, 03:23:28 AM »
i am use default template theme to change.

can you share screenshot of your layouts please ???

Offline maulik 1intl

  • Jr. Member
  • **
  • Posts: 82
  • Karma: +6/-0
    • View Profile
Re: Create next preview button
« Reply #10 on: August 08, 2019, 03:29:26 AM »
Thanks  :)
You can see it my live website

http://1intl.com/category

Offline HADY

  • Full Member
  • ***
  • Posts: 104
  • Karma: +9/-1
    • View Profile
Re: Create next preview button
« Reply #11 on: August 08, 2019, 03:36:22 AM »
Thanks  :)
You can see it my live website

http://1intl.com/category


can you share the html code of this block please??

Offline maulik 1intl

  • Jr. Member
  • **
  • Posts: 82
  • Karma: +6/-0
    • View Profile
Re: Create next preview button
« Reply #12 on: August 08, 2019, 06:09:47 AM »
you need code of html code?  :) :) :) :)
Or
You short out my problem ?  :( >:( >:(
Or
help me to solve my problem?


Hear is code
<div class="carousel-inner">
                <div class="item active">
                    <div class="carousel-content">
                        <div class="header-carousel-style1">
                            <p>Welcome to 1 International, inc.</p>
                  </div>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-content">
                        <div class="header-carousel-style1">
                            <p>Subscribe and Save 10% off your first Order.</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-content">
                        <div class="header-carousel-style1">                         
                            <p>Connect with us on Whatsapp and Email for latest Catalogues.</p>
                        </div>
                    </div>
                </div>
 :) :) :) :) :) :) :) :) :) :)
« Last Edit: August 08, 2019, 06:21:18 AM by maulik 1intl »

Offline HADY

  • Full Member
  • ***
  • Posts: 104
  • Karma: +9/-1
    • View Profile
Re: Create next preview button
« Reply #13 on: August 08, 2019, 07:44:10 AM »
Thank you my friend :D I tried my best. I still learning however.
Regards

Offline maulik 1intl

  • Jr. Member
  • **
  • Posts: 82
  • Karma: +6/-0
    • View Profile
Re: Create next preview button
« Reply #14 on: August 08, 2019, 11:51:02 AM »
 :) :) ok you need to put this code in file best of luck
storefront\view\default\template\common\header.tpl

 

Powered by SMFPacks Social Login Mod